Code Anatomy - For loops, array reduce and method chaining

• Any for loop can be used - read more about the different JavaScript loops.
• Less common nowadays, due to functional programming being more popular.
• Control over the iteration, such as skipping over elements or early returns.
• Resulting array needs to be declared beforehand, outside the loop.
• Uses Array.prototype.push() or the spread (...) operator to add elements.

const files = [ 'foo.txt ', '.bar', '   ', 'baz.foo' ];
let filePaths = [];

for (let file of files) {
  const fileName = file.trim();
  if(fileName) {
    const filePath = `~/cool_app/${fileName}`;
    filePaths.push(filePath);
  }
}

// filePaths = [ '~/cool_app/foo.txt', '~/cool_app/.bar', '~/cool_app/baz.foo']

• Control over the iteration, such as skipping over elements or early returns.
• Resulting array needs to be declared beforehand, outside the loop.
• Uses Array.prototype.push() or the spread (...) operator to add elements.
• O(N) complexity, each element will be iterated over only once.
• Uses Array.prototype.reduce() with an empty array as the initial value.
• More common nowadays, due to functional programming being more popular.