JeffLearnsReact – Iterators

Iterators iterate

myArray = [‘one’, ‘two’, ‘three’];

.forEach()

myArray.forEach(function(myArrayItem) {
console.log(myArrayItem);
});

myArray.forEach((myArrayItem) => {
console.log(myArrayItem);
});

.map()

Iterates and CHANGES the contents of an array, maps it to another array

let numbers = [1, 2, 3, 4, 5];

let bigNumbers = numbers.map(function(number) {
return number * 10;
});
let numbers = [1, 2, 3, 4, 5];
let bigNumbers = numbers.map(numbers => numbers * 10);

.filter()

Creates a new array like .map() but evaluates each item based on a condition

let words = [‘chair’, ‘music’, ‘pillow’, ‘brick’, ‘pen’, ‘door’];

let shortWords = words.filter(function(word) {
return word.length < 6;
});
let shortWords = words.filter(word => word.length < 4);

Powered by WPeMatico