Cannot read property 'forEach' of undefined

Question

var funcs = []
[1, 2].forEach( (i) => funcs.push( () => i  ) )

Why does it produce the error below?

TypeError: Cannot read property 'forEach' of undefined
    at Object.<anonymous>

However, the error goes away if the semicolon ; is added to the end of the first line.

Answer 1

Keep the semi-colon so the variable declaration of funcs does not include the anonymous array you instantiate as belonging to the variable and also, if you are simply trying to push all the elements of the array into 'funcs' then it should look like:

[1, 2].forEach( (i) => funcs.push(i) )

Answer 2

we called the forEach method on an undefined value, we got the error.

    const myarr = undefined;

//  Initialize to empty array if falsy
const arr = myarr || [];

//  Using optional chaining
arr?.forEach(element => {
  console.log(element);
});

//  Check if truthy
if (arr) {
  arr.forEach(element => {
    console.log(element);
  });
}

//  Check if Array
if (Array.isArray(arr)) {
  arr.forEach(element => {
    console.log(element);
  });
}

Answer 3

Another solution to this problem is to avoid using anonymous array. No semicolons needed.

var funcs = []
var arr = [1, 2]
arr.forEach( (i) => funcs.push( () => i  ) )

Answer 4

Add semi-colon in the of first line

var funcs = []; //<-- ; semi-colon added here
[1, 2].forEach( (i) => funcs.push( () => i  ) )