Faable.com CEO. ☁Deploy next generation of cloud apps.
👨🏼💻Ironhack Lead Teacher.
Map, Filter, Reduce
md`# Map, Filter, Reduce`
md`# Map`
a = [1,2,3,4,5]
b = a.map(function(e){
return e;
})
hoteles = [
{name:"Hilton", stars: 5, precios:[80,150,190], piscina:true},
{name:"Posada Pepe", stars: 3, precios:[30,40,60], piscina:false},
{name:"NH", stars: 4, precios:[60,60,90],piscina:false},
{name:"Casa de Papa", stars:5, precios:[0], piscina:true}
]
{
let nombres = ""
for(let i=0; i<hoteles.length; i++){
nombres += hoteles[i].name + ","
}
return nombres;
}
{
let nombres = []
for(let i=0; i<hoteles.length; i++){
nombres.push(hoteles[i].name)
}
return nombres.join(', ');
}
hoteles.map(function(hotel){
return hotel.name;
})
hoteles.map(function(hotel){
return hotel.name;
}).join(',')
md`# Filter`
hoteles.filter(function(hotel){
if(hotel.name == "NH"){
return false;
}
return true;
})
hoteles.filter(function(hotel, index, array){
console.log(hotel, index, array)
return hotel.piscina;
})
// Nombres Hoteles con piscina
hoteles.filter(function(hotel){
return hotel.piscina;
}).map(function(hotel){
return hotel.name + "(" +"*".repeat(hotel.stars) + ")";
}).join(',')
"Hola".repeat(4)
md`# Reduce 🤷🏼♂️`
a
a.reduce(function(acc,e){
console.log(acc,e)
return "pepe";
},0)
a.reduce(function(acc,e){
console.log(acc,e)
return "pepe";
})
// La suma
a.reduce(function(acc,e){
console.log(acc,e)
return acc+e;
})
// La media
a.reduce(function(acc,e){
console.log(acc,e)
return acc+e;
})/a.length
// La media v2
a.reduce(function(acc, e, index, array){
console.log(acc, e, index, array)
return acc+(e/array.length);
},0)
z = [1,2,3,4,3]
// El maximo
z.reduce(function(acc,e){
if(acc > e) return acc;
return e;
})
hoteles
hoteles.reduce(function(acc,hotel, index){
if(hotel.piscina){
if(index != 0){
return acc + ", " + hotel.name;
}else{
return acc + hotel.name;
}
}
return acc;
},"")
{
function imprime(e){
console.log(e);
}
[1,2,3,4].forEach(imprime)
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
