Como verificar se um array JavaScript está vazio ou não com .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.

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

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.

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:

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 ()

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.