4 truques para saber sobre a linguagem Javascript


Com o advento do desenvolvimento web, os desenvolvedores se depararam com um ambiente muito diferente daquele que utilizavam até algum tempo antes. Ou seja, o ambiente de execução de softwares executáveis em máquinas autônomas, ou seja, não do tipo servidor. Como eu disse antes, com o advento das tecnologias de desenvolvimento web, foi preciso lidar com um ambiente sem estado. A mudança de uma página da web para outra causava a perda de todos os objetos gerenciados pela página anterior. Algo que não aconteceu e ainda não acontece com o software executável nativo. Graças à linguagem Javascript , muitos desses problemas foram resolvidos, e hoje os desenvolvedores podem contar com uma grande variedade de bibliotecas, da linguagem Javascript , que auxiliam enormemente no desenvolvimento web.

A linguagem Javascript , por si só, não é uma linguagem difícil ou complicada de aprender. De fato, é uma linguagem estilo “C LIKE” e, consequentemente, muito compreensível até mesmo para um iniciante. A abordagem ao Javascript , em geral, ocorre sem maiores problemas. De qualquer forma, como em todas as linguagens, existem algumas dicas e truques que facilitam muito o desenvolvimento, tornando-o mais simples e imediato de usar. Hoje, neste guia, vou mostrar 4 truques que você precisa saber sobre a linguagem Javascript . Para testar o código descrito neste guia, você não precisará criar nenhuma página da web. Você pode simplesmente aproveitar o intérprete de idiomas online “W3Schools”. Agora, clicando neste simples link, basta copiar e colar, de vez em quando, o código proposto posteriormente no guia. Uma vez carregada a página relativa ao editor Javascript online, basta clicar em “Try it Yourself” para aceder àEditor de Javascript diretamente. Como primeiro passo, você entenderá como redimensionar um array em Javascript.

Emulador Javascript W3Schools
Emulador Javascript W3Schools

1. Como redimensionar um “Array”

Como você bem sabe, arrays não são redimensionáveis. Isso se aplica não apenas ao Javascript , mas a todas as linguagens de programação. Na verdade, um array é uma estrutura de dados estática e homogênea. Isso significa que, durante a execução do código, ele não pode ser redimensionado nem conter objetos de natureza diferente. Um Array só pode conter dados do mesmo tipo. Por exemplo, ele pode conter apenas strings, números e outros objetos, mas não strings e números ou qualquer outra coisa.

Portanto, uma matriz de 5 elementos em Javascript como esta:

const names = ['Maria', 'João', 'Marcos', 'Philip', 'João'];

ele não pode ser redimensionado, ou seja, não pode ser excluído nem outros nomes podem ser adicionados. No entanto, existe um truque, graças ao qual é possível encurtar um array desse tipo. De fato, definindo a propriedade “length” de um array para um número menor de elementos, comparado ao que ele contém, é possível redimensioná-lo. Por exemplo, com o seguinte código:

names.length = 2;

names” array não conterá mais 5 elementos, mas 2. Portanto, se imprimirmos o conteúdo dos “names” array, com esta instrução: “console.log(names);”, o conteúdo do array “names” será agora: [‘Maria’, ‘João’].


Leia mais: “Como criar conteúdo usando inteligência artificial


2. Buscando apenas parte de um objeto Javascript

Em Javascript , se quisermos criar um objeto contendo propriedades, devemos usar uma sintaxe como:

const names = {name: 'Steve', surname: 'Jobs'};

Normalmente para acessar as propriedades “name” e “surname” do objeto “names” você deve usar uma sintaxe como esta:

names.name;

às vezes, porém, só é necessário acessar uma única propriedade de um objeto. Então, se quiséssemos criar uma variável simples que contenha apenas o conteúdo da propriedade “name” da propriedade “names” objeto, escreveríamos uma linha de código como esta:

const {name} = names;

Neste ponto, querendo verificar o conteúdo da variável “name”, podemos digitar esta simples instrução “document.write(name);” que imprimirá o valor “Steve” na tela. Esta operação muito útil é chamada de “Destructuring Assignment” ou, desestruturação de variáveis.

"Destructuring Assignment" em Javascript
“Destructuring Assignment” em Javascript

3. Como remover valores duplicados de um array

Em Javascript, para eliminar valores duplicados de um array, pode-se utilizar o objeto “Set. Set” objetos Javascript que não podem conter valores duplicados dentro. Então, para deletar as duplicatas do array “names” você pode usar o “Set” comando como abaixo:

Eliminando valores duplicados em um array Javascript
Eliminando valores duplicados em um array Javascript

Como você pode ver, com uma instrução simples, você será capaz de excluir duplicatas de qualquer array sem ficar atolado em complicadas rotinas de limpeza de array Javascript. Muitas vezes, a fonte de inúmeros bugs, irritantes de encontrar e corrigir.

4. Como avaliar expressões em uma “string”

Não é incomum, especialmente quando se trata de strings de formatação, valorizar expressões diretamente dentro delas. Eu vou explicar. Como você bem sabe, strings também são tipos de dados que não podem ser modificados, exceto pela criação de outra string que é o resultado do processamento realizado na string pai. Sim eu sei. Talvez você nunca tenha notado. Mas as strings que você obtém, ao processar o código, são todas strings obtidas de outras pessoas. Mas a string principal, ou seja, aquela que você processou, nunca mudou. Assim toda vez que você for formatar ou criar uma string, contendo valores, em tempo de execução, são strings criadas concatenando, e convertendo esses valores em strings, em outras strings até formar a final a ser impressa na tela. Não vou negar que uma operação desse tipo é muito chata e problemática. Além disso, toda a operação deve ser feita em tempo de execução com um grande desperdício de recursos de CPU e RAM.

Em Javascript é possível formatar strings, aprimorando o conteúdo diretamente dentro dela, economizando tempo e obtendo código mais limpo sem. A propósito, sem erros. Digamos desde já que uma operação como esta:

const name = "Steve Jobs";
document.write("Bem-vindo "+name);

pode ser transformada em uma operação mais simples e compacta como esta:

const name = "Steve Jobs";
document.write(`Bem-vindo ${name}`);

Observe que a string, neste caso, deve ser colocada entre aspas simples no código ASCII 96. E não o código ASCII convencional de 39 aspas simples.

Como você pode ver, não há concatenação de dados e operação de conversão. A string é única e o “name” a variável é avaliada diretamente dentro da string.

Avalie expressões automaticamente em Javascript
Avalie expressões automaticamente em Javascript

Leia mais: “Usar el Celular como Webcam GRATIS


Administrador e desenvolvedor de rede. Após anos de experiência na área, desenhei um sistema de gerenciamento de dados MYSQL em PHP sem escrever uma única linha de código. Saiba mais... .

x