Thread by @erickwendel_

Segunda feira é dia de dica de ouro e essa aqui é uma técnica para te ajudar a extrair elementos de um Array (ou qualquer objeto) usando destructuring em #JavaScript 🔥🧵 /1

Destructuring é uma forma sensacional de extrair somente o necessário dos objetos, como no exemplo:

const obj = {name: 'test', a1: 1, a2: 2, a3: 3}

const { name } = obj // extrai apenas o nome e ignora o resto /2

ou até, remover uma propriedade e assinar as propriedades restantes à outra variável:

const {name, ...allWithoutName} = obj
// allWithoutName terá todas as props exceto o name /3

Você pode renomear a propriedade que está extraindo do objeto como quiser:

const {name: nome, a1: numberOne} = obj /4

E em um objeto Array do JavaScript, a história não é diferente.

Como um array possui algumas propriedades úteis para manipulá-lo, você consegue usá-las junto ao destructuring para ganhar ainda mais poder. /5

Então pensando nisso, você pode além de extrair a propriedade, consegue usá-la para obter o último item do array se necessário:

const {length, 0: primeiro, 1:segundo, [length -1]: ultimo } = ['deploy', 'test', 'release', 'abc'] /6

Isso porque:
- o length retorna o tamanho do array
- o índice 0 retorna o primeiro elemento
- o índice 1 retorna o segundo elemento
- e o índice [length -1] retorna o último elemento /7

Animal, né? Me conta aí, o que achou da dica? Tem outras sugestões para atalhos em JavaScript? Comente aqui no post!!

#javascript #typescript #nodejs #devtips /8