[Ejercicios ES5 => ES6]

En estos ejercicios vamos a practicar ES6, tendremos 8 ejercicios, los cuales tienen sus propia carpeta y en ella encontraremos los archivos necesarios pata trabajar:

• README.md
• index.html
• app.js
• data.js (en algunos)

En cada README.md vienen las instrucciones para poder solucionarlos.

Algúnos ejercicios vienen resueltos en ES5 y tendremos que pasarlos a ES6.

Otros Vienen resueltos en ES6 y los pasaremos a ES5.

Ten en cuenta que mientras mas avancemos en los ejercicios la ayuda para solucionarlos sera menor.

En estos ejercicios tocamos temas como:

• let +const,
• Arrow functions,

function suma(a, b){
  return a+b;
}

var suma = function (a, b){
  return a+b;
};

const suma = (a, b) => a+b;

• interpolacion de variables,

• template strings,

const str = "hola";
const str2 = 'hola';
const extra = 'extra';
const str3 = `jejejejex${extra}`;

var stra = "jejejejejex"+extra;

• for of,

var arreglo = ['michi', 'bonita', 'sherezade', 'cheshire'];
for(i = 0; i<arreglo.length; i++){
  console.log("gatito "+arreglo[i]);
}

const arreglo = ['michi', 'bonita', 'sherezade', 'cheshire'];

for(const nombre of arreglo){
  console.log(`gatito ${nombre}`);
}

• for in ,

const gato = {
  color: 'calico',
  sexo: 'hembra',
  nombre: 'michi',
  edad: '5',
  maullar: ()=>console.log('miau'),
  };


console.log(`Este es un gato: sexo ${gato.sexo} color  ${gato.color}`);

for(const propiedad in gato) {
  console.log(`${propiedad} es ${gato[propiedad]}`);
  if(typeof gato[propiedad] == 'function') gato[propiedad]();
}

• .forEach,

var arreglo = ['michi', 'bonita', 'sherezade', 'cheshire'];
arreglo.forEach((elemento, index)=> {
 console.log(elemento);
})

• .map,

var arreglo = ['michi', 'bonita', 'sherezade', 'cheshire'];
const mapeado = arreglo.map((elemento, index)=> {
 console.log(elemento);
 return `hola ${elemento}`;
});

• .filter,

var arreglo = ['michi', 'bonita', 'sherezade', 'cheshire'];
const filtrado = arreglo.filtrado((elemento, index)=> {
  if(element === 'michi') {
    return true;
  };
  return false;
});

• etc...