Arrays

Tipo de dado que se enquadra como objeto Serve para armazenar valores que tem relação entre si, como se fosse uma lista Estrutura de uma array: abre colchete, itens separados por vírgula, fecha colchete.

let heroes = ['Batman', 'Catwoman', 'Iron Man']

Para acessar um item de uma array podemos passar seu index:

(lembrando que o primeiro item é de index 0), dentro de colchetes precedido pela array: console.log(heroes[0]);

retorna o primeiro item da array

Podemos passar uma expressão aritmética dentro dos colchetes que resulte em um index console.log(heroes[3 - 2]) 3-2 = 1, retorna o segundo item da array

Reatribuindo valor de um item da array:

heroes[2] = 'Jaspion' console.log(heroes) retorna: ['Batman', 'Catwoman', 'Jaspion'], o terceiro item da array heroes agora é Jaspion

Normalmente arrays contem itens do mesmo tipo, mas pode ter itens de tipos diferentes como no exemplo abaixo:

const randomArray = ['Parker', 'Diana', 19, 18] console.log(randomArray) retorna: ["Parker", "Diana", 19, 18]

Métodos e propriedades de array

Propriedade array.length()

A propriedade array.length retorna o número de itens de uma array console.log(heroes.length) retorna: 3, o número de itens da array

Método join( ): retorna uma string derivada da junção de todos os itens da array O método join( ) aceita separador, ou seja, um caractere que vai estar entre os itens da array
Podemos passar um caractere, aspas vazia com espaço (criará espaço entre os itens mas ainda assim será uma única string), aspas vazias sem espaço (criará uma string onde os itens da array ficarão grudados uns nos outros)

const joinHeroes = heroes.join() retorna: Batman,Catwoman,Jaspion

const joinHeroes2 = heroes.join(' | ') retorna: Batman | Catwoman | Jaspion

Método indexOf( ): retorna o index do valor passado dentro da array

const ages = [31, 25, 39, 40, 25] const indexOf25 = ages.indexOf(25) console.log(indexOf25) retorna: 1, a posição do item dentro da array

Quando não existe o valor na array, -1 é retornado console.log(ages.indexOf('25')) retorna -1 pois a string '25' não existe na array

Método concat(): une 2 arrays retornando uma array com os itens das 2 concatenadas não modifica a array original, apenas retornam uma array modificada.

const moreHeroes = heroes.concat(['Lindinha', 'Docinho']) console.log(moreHeroes) retorna: ["Batman", "Catwoman", "Jaspion", "Lindinha", "Docinho"]

const heroes2 = ['Florzinha'] console.log(moreHeroes.concat(heroes2)); retorna: ["Batman", "Catwoman", "Jaspion", "Lindinha", "Docinho", "Florzinha"]

Método Push( ): altera a array original, isso se chama "mutação de valores" O método push( ) adiciona novos itens a array e retorna o número de itens da array modificada

const pushToHeroes = heroes.push('Shiryu', 'Shun') console.log(heroes) retorna: ["Batman", "Catwoman", "Jaspion", "Shiryu", "Shun"] console.log(pushToHeroes) retorna: 5 novo numero de itens do array

Método pop(): remove o último item da array e retorna o mesmo Este método modifica a array original

const popHeroes = heroes.pop( ) console.log(popHeroes) retorna: Shun console.log(heroes) retorna: ["Batman", "Catwoman", "Jaspion", "Shiryu"]

Fim aula 3-2 Array

Null e Undefined

Aula 3-3

São dados primitivos em Javascript Ambos indicam ausência de valor, mas com algumas diferenças entre eles

Undefined:

valor que o Javascript atribui automaticamente a variável que ainda não armazena um valor

let emptiness

console.log(emptiness, emptiness + 3, O valor é ${emptiness}) retorna: undefined NaN "O valor é undefined" undefined foi atribuído a let emptiness, undefined em expressões numéricas retornam NaN e undefined foi convertido em string pois foi inserido através da variável dentro de uma string.

Null

indica ausência de valor e deve ser intencionalmente atribuído De acordo com o MDN, em API's null é retornado no lugar de um objeto que é esperado mas nenhum objeto é relevante (como exemplopodemos citar e-mails ou paginas que deveriam recebir nosso nome em vez disso exibe 'null'), ou seja, por algum motivo devia retornar um valor e esse valor estava indiponível

emptiness = null console.log(emptiness, emptiness + 3, O valor é ${emptiness}) retorna: null 3 "O valor é null" null foi atribído a variável emptiness, null em operações matemáticas é interpretado como 0 (zero) e null dentro de uma string é convertido// para string

Fim da aula 3-3

@Roger-Melo

roger-melo-treinamentos / curso-de-js-roger-melo

Resumo da Aula 3-2 e 3-3 da etapa 1 #851