Методы класса ES6, не возвращающие ничего внутри петли forEach

Question

По какой-то причине метод getTwo() внутри PollClass не вернет 2, но undefined. Если я поставлю оператор return за пределами цикла .forEach(), значение возвращается.

class Poll { 
    constructor(name) { 
    this.name = name; 
    this.nums = [1, 2, 3]; 
    } 

    getTwo() { 
    this.nums.forEach(num => { 
     if (num === 2) return num; 
    }) 
    } 
} 

const newPoll = new Poll('random name'); 
console.log(newPoll.getTwo()); // returns undefined, not 2 

Это проблема с закрытием, ES 6 или целая другая проблема?

Answer 1

Функция стрелки по-прежнему является функцией, и вы возвращаетесь только из функции обратного вызова forEach, а не из getTwo, вам также нужно вернуться из функции getTwo.

Это не совсем понятно, почему вы должны использовать цикл, чтобы проверить что-то в этом пути, но концепция будет что-то вроде

getTwo() { 
    var n = 0; 
    this.nums.forEach(num => { 
     if (num === 2) n = num; 
    }) 
    return n; // returns something from getTwo() 
    } 

Answer 2

Как adeneo упоминалось, вы должны вернуться из getTwo функции к достичь того, чего вы хотите. Возвращаясь из обратного вызова, переданного в forEach, независимо от его функции стрелки или нет, не возвращается с forEach.

В качестве альтернативы forEach, вы можете использовать find, которые вы можете написать меньше кода и вернуться непосредственно:

getTwo() { 
    return this.nums.find(num => num === 2); 
}