Fungsi Array.find+arrow - Limpahan Tindanan

Question

Saya melihat sekeping kod semalam, ia seperti ini:

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];
    }
  }
}

Selepas menggunakan kaedah ringkas:

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

Saya menyemak kaedah arr.find dan definisinya ialah array.find(function(currentValue, index, arr),thisValue)

Kod di atas dihantar ke haiwan peliharaan dalam pet=pets.find() tanpa parameter Saya ingin tahu bagaimana kod ini dilaksanakan. Tolong bantu saya menyelesaikan kekeliruan

Answer 1

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

Tukar fungsi anak panah kepada ES5 dan itu sahaja.

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

API ini masih memerlukan lebih banyak dokumentasi, kerana semuanya adalah pengetahuan asas tanpa perlu berpatah balik.

Dokumentasi MDN

es6 manual

Answer 2

pets.find(pet => pet.type ==='Dog' && pet.name === 'Tommy');
bersamaan dengan

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

Apabila fungsi anak panah hanya mempunyai satu parameter, kurungan boleh ditinggalkan