Galera no dia-a-dia estamos acostumados a trabalhar muito com objetos e arrays, mas as vezes eles podem complicar nossa vida se não soubermos estruturar bem um objeto ou se não soubermos manipular um array, em ambos os casos temos diversos caminhos e fazer diversas coisas diferentes, mas nesse post resolvi trazer uma coisa mais de base do JavaScript que nada mais é do que esvaziar um array, ou seja, vamos preencher um array de várias formas e vamos ver como deixar ele vazio.
Mas o que é um array ?
Na faculdade é bem comum, os professores falaram que precisamos criar uma lista e iterar sobre ela, e se você é novo em tecnologia e começou aprender HTML e CSS agora, não estou falando das tags:
<ul>, <li> e <ol>
e sim criar um array 😃.
Arrays são objetos ( sim arrays são objetos, confuso não ? 😕 ) que na verdade são listas e eles tem vários métodos que nos ajudam a manipularmos de várias formas diferentes, não vou falar sobre todos eles, pois são muitos, mas escrevi três artigos explicando os principais, vou deixar os links aqui ( parte 1, parte 2, parte 3 ). Um array não tem tamanho nem tipo fixo, então o array é dinâmico e podemos colocar, strings, number, objetos etc…
Agora vamos brincar um pouco com nossos arrays, primeiro vamos de fato conferir se arrays são ou não objetos:
var arr = [1, 2, 3]
console.log(typeof arr) // object
Vamos ver checar o tamanho de um array:
var arr = [1, 2, 3]
console.log(arr.length) // 3
Obs: um array é iniciado na posição zero, então as posições do array acima serão:
elementos [1, 2, 3]
posições [0, 1, 2]
Agora o motivo desse artigo, vamos aprender algumas formas de zerar um array, podemos simplesmente redeclarar um array:
var arr = [1, 2, 3]
arr = []
console.log(arr) // []
console.log(arr.length) // 0
ou
var arr = [1, 2, 3]
arr = 0
console.log(arr) // 0
console.log(arr.length) // undefined
No segundo caso temos undefined pois transformamos nosso array em um number e esse tipo de dado em JavaScript não possui a propriedade length, podemos falar sobre tipos de dados em outro post 😃.
Podemos mudar o length dele na força bruta 👊:
var arr = [1, 2, 3]
arr.length = 0
Também podemos usar da maneira mais moderna:
let arr = [1, 2, 3] // usando let
arr = []
console.log(arr) // []
console.log(arr.length) // 0
ou
let arr = [1, 2, 3]
arr = 0
console.log(arr) // 0
console.log(typeof arr) // number
console.log(arr.length) // undefined
Também podemos tentar dessa forma:
const arr = [1, 2, 3] // usando const
arr = []
console.log(arr)
Isso gera um erro, pois não podemos reatribuir uma const e também podemos usar o método splice() para fazer esse serviço para nós:
let arr = [1, 2, 3]
arr.splice(0, arr.length)
console.log(arr) // []
Bom espero que tenham gostado, lembrando que qualquer feedback é muito bem vindo, espero vocês no próximo artigo, abraços quentinhos para vocês…
Fontes:
Top comments (0)