JSFiddle - React, Tailwind, and code Playground

by John Smith

JavaScript

var tasks = [
  {
    'name'     : 'Learn Javascript',
    'duration' : 120
  },
  {
    'name'     : 'Work out',
    'duration' : 60
  },
  {
    'name'     : 'Eat healthy',
    'duration' : 30
  }
];

// foreach vs map
// foreach
var task_names = [];
tasks.forEach((task) => {
    let foreach = task_names.push(task.name);
});
console.log('foreach', task_names);

// map
var task_names2 = tasks.map((task) => task.name);
console.log('map', task_names2);



// foreach vs filter
// foreach
var difficult_tasks = [];
tasks.forEach(function (task) {
    if (task.duration > 30) {
        difficult_tasks.push(task);
    }
});
console.log('foreach-filter', difficult_tasks);

//filter
var difficult_tasks2 = tasks
	.filter((task) => task.duration > 30 )
  .map((task) => task.name)
console.log('filter', difficult_tasks2);