Trabalhando com Arrays e Objetos

Transcript

1. TRABALHANDO COM ARRAYS E OBJETOS Professor: Nélio Frazão Email: neliofrazac@gmail.com
2. SOME const maiorQue10 = [ 12 , 5, 8, 1, 4].some(elem => elem > 10 ); console.log(maiorQue10)// true Parâmetro [12, 5, 8, 1, 4] Condição Se TRUE
3. SOME const maiorQue10 = [ 12 , 5, 8, 1, 15 ].some(elem => elem > 10 ); console.log(maiorQue10)// true Se TRUE TRUE
4. SOME const maiorQue10 = [ 9, 5, 8, 1, 4 ].some(elem => elem > 10 ); console.log(maiorQue10)// false FALSE
5. EVERY const maiorQue10 = [11, 12, 13, 14, 9 ].every(elem => elem > 10 ); console.log(maiorQue10)// false Parâmetro [11, 12, 13, 14, 9] Condição FALSE
6. EVERY const maiorQue10 = [11, 12, 13, 14, 15 ].every(elem => elem > 10 ); console.log(maiorQue10)// true TRUE
7. INCLUDE const ComidasQueEuGosto = ['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita'] const testaGosto = ComidasQueEuGosto.includes('Lasanha') const testaGostoFail = ComidasQueEuGosto.includes('Beterraba') console.log(testaGosto) //true console.log(testaGostoFail ) //false
8. INCLUDE(Cuidados) const ComidasQueEuGosto = ['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita'] const testaGosto = ComidasQueEuGosto.includes('lasanha') console.log(testaGosto) //false
9. SPREAD OPERATOR const comidasQueEuAprendiAgostar = ['Arroz', 'Feijão']; const comidas = ['Macarrão', 'Lasanha', ...comidasQueEuAprendiAgostar, 'Almôndega', 'Batata Frita']; console.log(comidas); //['Macarrão', 'Lasanha', 'Arroz', 'Feijão', 'Almôndega', 'Batata Frita']
10. SPREAD OPERATOR(Copiando Arrays) ...Da maneira errada! const comidas = ['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita']; const novaComida = comidas; novaComida.push('Feijão'); console.log(comidas); //['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita', 'Feijão'] console.log(novaComida); //['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita', 'Feijão']
11. SPREAD OPERATOR(Copiando Arrays) ...Da maneira certa! const comidas = ['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita']; const novaComida = [...comidas]; novaComida.push('Feijão'); console.log(comidas); //['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita'] console.log(novaComida); //['Macarrão', 'Lasanha', 'Almôndega', 'Batata Frita', 'Feijão']
12. SPREAD OPERATOR(Concatenando Arrays) const comidas = ['Macarrão', 'Lasanha']; const novaComida = ['Almôndega', 'Batata Frita']; const todasAsComidas = [...comidas, ...novaComida] console.log(todasAsComidas); //["Macarrão", "Lasanha", "Almôndega", "Batata Frita"]
13. TRABALHANDO COM OBJETOS const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const keys = Object.keys(phoneBook) console.log(keys) //["nome", "phone"]
14. TRABALHANDO COM OBJETOS const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const values = Object.values(phoneBook) console.log(values) //["Nélio", "9999-8888"]
15. TRABALHANDO COM OBJETOS const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const entries = Object.entries(phoneBook) console.log(entries); // [["nome", "Nélio"], ["phone", "9999-8888"]]
16. TRABALHANDO COM OBJETOS const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const entries = Object.entries(phoneBook) console.log(entries); // [["nome", "Nélio"], ["phone", "9999-8888"]] Key value
17. FOREACH const pessoas = ['João', 'Fernando', 'Marisa', 'Cláudia'] pessoas.forEach((pessoa, i) => { console.log(pessoa, i) //João 0 //Fernando 1 //Marisa 2 //Cláudia 3 });
18. FOREACH (Juntando forças) const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const entries = Object.entries(phoneBook) entries.forEach(phoneItem => { console.log(phoneItem) //["nome", "Nélio"] //["phone", "9999-8888"] });
19. FOREACH (Juntando forças - Destructuring) const phoneBook = { nome: 'Nélio', phone: '9999-8888' }; const entries = Object.entries(phoneBook) entries.forEach(phoneItem => { const [key, value] = phoneItem console.log(`key:${key} value:${value}`) //[key:nome value:Nélio] //[key:phone value:9999-8888] }); entries.forEach(([key, value]) => { console.log(`key:${key} value:${value}`) //[key:nome value:Nélio] //[key:phone value:9999-8888] });
20. FOR OF const pessoas = ['João', 'Fernando', 'Marisa', 'Cláudia'] for (let pessoa of pessoas) { console.log(pessoa); //João //Fernando //Marisa //Cláudia }
21. FOR IN const pessoa = { nome:'Joâo', sobrenome: 'Silva', idade:30 }; for (const dadosPessoa in pessoa) { console.log(`key=${dadosPessoa} value=${pessoa[dadosPessoa]}`); } //key=nome value=Joâo //key=sobrenome value=Silva //key=idade value=30
22. ABORDAGEM FUNCIONAL
23. MAP const data = [ { name: 'Lasanha', kal: 200, isFit: false, type: 'comida' }, { name: 'Suco de maçã', isFit: true, kal: 10, type: bebida }, ]; const nomeAlimentos = data.map(alimentos => alimentos.name) console.log(nomeAlimentos) //["Lasanha", "Suco de Maçã"]
24. FILTER const data = [ { name: 'Lasanha', kal: 200, isFit: false, type: 'comida' }, { name: 'Suco de maçã', isFit: true, kal: 10, type: bebida }, ]; const filter = data.filter(alimentos => alimentos.type === 'bebida') console.log(filter) // {name: "Suco de maçã", isFit: true, kal: 10, type:"bebida"}
25. FILTER E MAP const data = [ { name: 'Lasanha', kal: 200, isFit: false, type: 'comida' }, { name: 'Suco de maçã', isFit: true, kal: 10, type: bebida }, ]; const nomeAlimentos = data.filter(alimento => alimento.type==='bebida') .map(alimento => alimento.name) console.log(nomeAlimentos) //["Suco de Maçã"]
26. REDUCER const data = [ { name: 'Lasanha', kal: 200, isFit: false, type: 'comida' }, { name: 'Suco de maçã', isFit: true, kal: 10, type: bebida }, ]; const calcKals = data.reduce((acc, alimento) => acc + alimento.kal, 0); console.log(calcKals) //210 Valor cumulado retornado em cada iteração valor Inicial Valor atual do array
27. OBRIGADO neliofrazac@gmail.com http:/ /www.linkedin.com/in/neliofrazao