Array.find+arrow-Funktion – Stapelüberlauf

Question

Ich habe gestern einen Code gesehen, er sieht so aus:

const pets = [
  { type: 'Dog', name: 'Max'},
  { type: 'Cat', name: 'Karl'},
  { type: 'Dog', name: 'Tommy'},
]

function findDog(name) {
  for(let i = 0; i<pets.length; ++i) {
    if(pets[i].type === 'Dog' && pets[i].name === name) {
      return pets[i];
    }
  }
}

Nach Anwendung der Kurzmethode:

pet = pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy');
console.log(pet); // { type: 'Dog', name: 'Tommy' }

Ich habe die Methode arr.find überprüft und die Definition lautet array.find(function(currentValue, index, arr),thisValue)

Der obige Code wird in pet=pets.find() ohne Parameter übergeben. Ich möchte wissen, wie dieser Code implementiert wird.

Answer 1

pet = pets.find(function(pet) {
      return pet.type === 'Dog' && pet.name === 'Tommy';
});

把箭头函数转换成ES5就是这样。

find用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。

这些API还是需要多查阅文档，都是基础知识不用转弯的东西。

MDN文档

es6 手册

Answer 2

pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy');
等效于

pets.find((pet) => {
      return pet.type ==='Dog' && pet.name === 'Tommy';
});

箭头函数只有一个参数的时候，小括号可以省略