forked from reprograma/On17-TodasEmTech-AulaRevisao
-
Notifications
You must be signed in to change notification settings - Fork 0
/
revisao.js
120 lines (91 loc) · 2.85 KB
/
revisao.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
// ### exemplos básicos
const numeros = [3, 2, 4, 3, 5, 1, 3, 4, 2];
let acumulador = 0
for(let i = 0; i < numeros.length; i++) {
acumulador -= numeros[i]
}
// console.log(acumulador)
let valorInicial = 0
let usandoReduceParaSubtrair = numeros.reduce((acumulador, valorAtual) => acumulador - valorAtual, valorInicial)
// console.log(usandoReduceParaSubtrair)
function calcularMedia(lista) {
let soma = 0
for(let i = 0; i < lista.length; i++) {
soma += lista[i]
}
console.log(soma/lista.length)
}
// calcularMedia(numeros)
function calcularMediaUsandoReduce(lista) {
let media = lista.reduce((acumulador, valorAtual) => acumulador + valorAtual) / lista.length
console.log(media)
}
// calcularMediaUsandoReduce(numeros)
let filtrados = [];
for(let i = 0; i < numeros.length; i++) {
if (numeros[i] == 3) {
filtrados.push(numeros[i]);
}
}
// console.log(filtrados)
let usandoFilter = numeros.filter((i) => i == 3)
// console.log(usandoFilter)
let resultados = []
for(i of numeros) {
let multiplicado = i = i * 3
resultados.push(multiplicado)
}
// console.log(resultados)
let usandoMap = numeros.map((i) => i * 3)
// console.log(usandoMap)
// ### filter()
let getFilmsTofilter = async (field, value) => {
try {
const response = await fetch('https://ghibliapi.herokuapp.com/films');
const filmes = await response.json()
console.log(filmes)
const resultadoPesquisa = filmes.filter(filme => filme[field].toLowerCase().includes(value.toLowerCase()))
console.log(resultadoPesquisa)
} catch (error) {
console.error(error)
}
}
// getFilmsTofilter('description', 'killed')
// ### map()
const container = document.getElementById('demo')
let getFilmsToMap = async (field, value) => {
try {
const response = await fetch('https://ghibliapi.herokuapp.com/films');
const filmes = await response.json()
console.log(filmes)
// const nossosFilmes = filmes.slice(2, 6)
// console.log(nossosFilmes)
filmes.map((filme) => {
const titulo = document.createElement('h2')
titulo.innerText = filme.title
const imagem = document.createElement('img')
imagem.setAttribute('src', filme.image)
container.appendChild(imagem)
container.appendChild(titulo)
})
} catch (error) {
console.error(error)
}
}
// getFilmsToMap()
// ### Quando request retorna apenas 1 elemento como objeto, não precisamos de métodos de iteração de arrays
let buscarCEP = async (cep) => {
try {
const response = await fetch(`https://viacep.com.br/ws/${cep}/json/`);
const endereco = await response.json()
console.log(endereco)
console.log(endereco.bairro)
console.log(endereco.logradouro)
const bairro = document.createElement('p')
bairro.innerText = endereco.bairro
container.appendChild(bairro)
} catch (error) {
console.error(error)
}
}
// buscarCEP(51010000)