Saiba o que são arrays em JS e aprenda como trabalhar com eles

Em nosso dia a dia como pessoa programadora, em diversos momentos, é necessário trabalharmos e manipularmos diversos dados e informações em nossos projetos. Para que essa manipulação se torne mais fácil e organizada, existem alguns objetos nativos do JavaScript que nos auxiliam, como, por exemplo, os Arrays.

Nesse artigo, iremos aprender sobre os Arrays e como utilizá-los em nossas aplicações.

O que são arrays em JavaScript?

Imagine o seguinte cenário: você precisa ir até o mercado para realizar a compra do mês. Porém, por se tratar de uma compra grande e com diversos itens, cria uma lista contendo todos os produtos necessários, deixando as informações centralizadas e organizadas em um único lugar.

Os Arrays funcionam de forma semelhante na programação. São objetos nativos do JavaScript, que armazenam diversos valores em uma única variável. Sua sintaxe é bem simples, basta utilizarmos os colchetes da seguinte forma:

Repare que declaramos uma constante que está armazenando um array contendo três itens. Para acessarmos os valores dos itens separadamente, precisamos passar entre colchetes a sua posição dentro da lista, através do seu index. Nos arrays, o primeiro item sempre será o index zero.

Como transformar um array em um objeto?

No JavaScript é muito comum utilizarmos objetos para armazenar diversas informações em um único valor com diversas propriedades. Muitas vezes recebemos essas informações de forma separada em um array e queremos transformá-los em objetos. Essa conversão é mais simples do que você imagina. Basta utilizarmos o método Object.assign, passando como parâmetro um objeto e o array de referência. 

Vamos visualizar um exemplo, na prática, para facilitar o entendimento:

Nesse exemplo, possuímos um array, contendo informações de uma pessoa. Porém, para que essas informações fiquem melhor organizadas em propriedades, convertemos para um objeto.

Repare que o nome das propriedades do objeto é o mesmo número do index correspondente a posição de cada item dentro do array. Dessa forma, ainda não fica totalmente intuitivo sobre o que se trata o valor daquela propriedade. Para tornarmos essa conversão ainda melhor, podemos passar dentro do primeiro parâmetro do método assign a construção do nosso objeto com os seus devidos valores, sem a necessidade de passar o segundo parâmetro. 

O que é preciso fazer para adicionar um novo elemento a um array?

Para adicionarmos um novo elemento a um array já criado, basta utilizarmos o método push. Esse método irá adicionar a informação passada como parâmetro ao final do array. 

Utilizando o exemplo acima, digamos que agora queremos adicionar o número de telefone da pessoa ao array. Faremos da seguinte forma:

Repare que existem diferentes tipos de dados dentro do nosso array. O segundo item é um número contendo a idade da pessoa, enquanto os outros são strings. No JavaScript, é permitido a criação de arrays com diferentes tipos.

Como acessar as propriedades ou funções de um Objeto?

No JavaScript, para acessarmos as propriedades ou funções de um objeto, basta utilizarmos o nome do próprio objeto seguido da propriedade ou função, separados por um ponto. 

Fique atento a utilização da função dentro do objeto. Assim como qualquer outro método ou função no JavaScript, deve ser chamada para poder ser executada.

Outra forma de acessar os valores, é passando o nome da propriedade entre colchetes, da seguinte forma:

Como deletar uma propriedade de um objeto?

Para deletar uma propriedade de um objeto, como o próprio nome sugere, basta utilizarmos o método delete, seguido do nome do objeto e a sua propriedade, separados por um ponto. Vejamos um exemplo: 

Dessa forma, o método de saudação não existe mais dentro do nosso objeto.

Conclusão

Como você pôde ver até aqui, existem diversas maneiras de trabalharmos com manipulação de dados dentro do JavaScript, sendo as principais delas os Arrays e os Objetos. Para se tornar uma pessoa desenvolvedora de destaque no mercado de trabalho, é necessário dominar esses dois recursos nativos da linguagem.

Aqui na Kenzie Academy Brasil, além desses recursos citados anteriormente, preparamos os nossos devs para se tornarem verdadeiros especialistas no JavaScript.

Se você deseja mergulhar de vez no mundo da programação, faça a sua inscrição na próxima turma da Kenzie Academy Brasil.