Quando você está programando em JavaScript, pode ser necessário saber como verificar se um array está vazio ou não.

Para verificar se uma matriz está vazia ou não, você pode usar a propriedade .length.

A propriedade length define ou retorna o número de elementos em uma matriz. Ao saber o número de elementos no array, você pode dizer se ele está vazio ou não. Uma matriz vazia terá 0 elementos dentro dele.

Vamos examinar alguns exemplos.

.length Exemplo de sintaxe

Const myArray = [‘Horses’, ‘Dogs’, ‘Cats’];

Aqui, criamos uma variável apontando para um array vazio.

Usando a propriedade length, podemos verificar o comprimento da matriz:

myArray.length

Isso retornará 3, porque há 3 itens na matriz.

Para verificar se o array está vazio ou não com .length, podemos fazer isso de três maneiras.

.comprimento exemplo um

Primeiro, vamos criar um novo array sem elementos.

const arr = []

Agora podemos verificar se a matriz está vazia usando .length.

arr.length

Isso retornará 0, pois há 0 itens na matriz.

.comprimento exemplo dois

Também podemos verificar explicitamente se o array está vazio ou não.

if (arr.length === 0) { console.log("Array is empty!") }

Se nosso array estiver vazio, a mensagem acima será registrada. Se a matriz contiver elementos, o código dentro do if bloco não será executado.

Esta é a terceira maneira de verificar se um array está vazio ou não usando .length.

. comprimento exemplo três

Ao combinar o uso da propriedade length e o operador lógico “não” em JavaScript, o “!” símbolo, podemos verificar se um array está vazio ou não.

o ! operador nega uma expressão. Ou seja, podemos usá-lo para retornar true se uma matriz estiver vazia.

Para este exemplo, vamos abrir nosso console JavaScript. Para abrir seu console no Chrome, você pode clicar em Inpsect -> Console.

Primeiro, crie uma matriz sem itens nela.

image

A seguir, vamos usar o operador lógico “not”, junto com nossa propriedade .length, para testar se a matriz está vazia ou não.

Screen Shot 2020 09 30 at 5.29.35 PM

Se não tivéssemos usado o operador “não”, arr.length teria retornado 0. Com o operador adicionado, ele retornará true se seu operando é false. Porque arr.length é 0, ou falso, ele retorna true.

Vamos usar isso com um if declaração e imprimir uma mensagem se nosso array estiver vazio.

image 2

Ao verificar se um array está vazio ou não, geralmente é melhor verificar também se o array é de fato um array.

Por quê?

Porque pode ser o caso em que você esperava verificar o comprimento de uma matriz, mas em vez disso, você recebe um tipo de dados diferente, por exemplo, uma string:

image 7

Porque o length property pode ser usado em outros tipos de dados, é bom também verificar se seu array é realmente um array como você esperava.

Eu sugiro que você também use o Array.isArray() método para confirmar que sua matriz é uma matriz. Este método determina se o que foi passado é uma matriz ou não. Se o que foi passado foi uma matriz, este método retornará true.

Vamos adicionar esse método ao nosso exemplo.

Como usar o método Array.isArray ()

image 3

Empacotando

Neste artigo, aprendemos que você pode usar o length em JavaScript de várias maneiras para verificar se um array está vazio ou não. o length propriedade retorna o número de itens em uma matriz.

Também aprendemos que é melhor usar também o Array.isArray método ao usar o .length , para verificar se o valor passado é uma matriz conforme o esperado.



Fonte