Iterations versus steps

iterations-vs-steps.js

// the array
const array = [
    { value: 1 }, 
    { value: 2 }, 
    { value: 3 }, 
    { value: 4 }, 
    { value: 5 }, 
    { value: 6 }, 
    { value: 7 }, 
    { value: 8 }, 
    { value: 9 }, 
    { value: 10 }
];

// the old way
let newArray = [];
for (let i = 0; i < array.length; i++) {
    if (array[i].value % 2 == 0) {
        newArray.push({ newValue: array[i].value * 2 });
    }
}

// the new way
const newerArray = array
    .map(object => object.value)
    .filter(value => value % 2 == 0)
    .map(value => value * 2)
    .map(doubledValue => ({ newValue: doubledValue}));