javascript - foreach 循环和返回值 undefined

Question

我想知道是否有人可以向我解释为什么这个函数返回 undefined 而不是 founded 对象

var people = [
  {name: 'John'},
  {name: 'Dean'},
  {name: 'Jim'}
];

function test(name) {
  people.forEach(function(person){
    if (person.name === 'John') {
      return person;
    }   
  });
}

var john = test('John');
console.log(john);

// returning 'undefined'

Answer 1

返回到 forEach 循环是行不通的，你在 forEach 回调函数上，而不是在 test() 函数上。因此，您需要从 forEach 循环外部返回值。

var people = [{
  name: 'John'
}, {
  name: 'Dean'
}, {
  name: 'Jim'
}];

function test(name) {
  var res;
  people.forEach(function(person) {
    if (person.name === 'John') {
      res = person;
    }
  });
  return res;
}

var john = test('John');
console.log(john);

或者从数组中查找单个元素使用 find()

var people = [{
  name: 'John'
}, {
  name: 'Dean'
}, {
  name: 'Jim'
}];

function test(name) {
  return people.find(function(person) {
    return person.name === 'John';
  });
}

var john = test('John');
console.log(john);