JSFiddle - React, Tailwind, and code Playground

by graphettion

JavaScript

/*
 * Filter Example
 var animals = [
	{ name: 'Fluffykins', species: 'rabbit' },
  { name: 'Caro', species: 'dog' },
  { name: 'Hamilton', species: 'dog' },
  { name: 'Harold', species: 'fish' },
  { name: 'Ursula', species: 'cat' },
  { name: 'Jimmy', species: 'fish' },
];

var dogs = [];
for (var i = 0; i < animals.length; i++) {
	if (animals[i].species === 'dog') {
  	dogs.push(animals[i]);
  }
}

var dogs = animals.filter(function(animal) {
	return animal.species === 'cat';
});

console.log(dogs);
================================================ */

/*
 * Map Example
 var animals = [
	{ name: 'Fluffykins', species: 'rabbit' },
  { name: 'Caro', species: 'dog' },
  { name: 'Hamilton', species: 'dog' },
  { name: 'Harold', species: 'fish' },
  { name: 'Ursula', species: 'cat' },
  { name: 'Jimmy', species: 'fish' },
];

var names = [];
for (var i = 0; i < animals.length; i++) {
  	names.push(animals[i].name);
}

var names = animals.map(function(animal) {
	return animal.name;
});

console.log(names);
================================================ */

/*
 * Reduce Example
 
var totalAmount = 0;
for (var i = 0; i < orders.length; i++) {
	totalAmount += orders[i].amount;
}
var orders = [
 	{amount: 250},
  {amount: 400},
  {amount: 100},
	{amount: 325}
];
 
var totalAmount = orders.reduce(function(sum, order) {
	console.log("hello", sum, order);
	return sum + order.amount;
}, 0);
 
console.log(totalAmount);
 ================================================ */