javascript - Array.find+箭头函数
我想大声告诉你
我想大声告诉你 2017-06-26 10:54:10
0
2
924

昨天看到一段代码,是这样的:

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

用短方法后:

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

我查了查arr.find方法,定义是array.find(function(currentValue, index, arr),thisValue)

上面的代码在pet=pets.find()内又传入pet,而没有参数,想知道这段代码到底是如何实现的呢?请诸大神帮解惑

我想大声告诉你
我想大声告诉你

全部回复(2)
小葫芦
pet = pets.find(function(pet) {
      return pet.type === 'Dog' && pet.name === 'Tommy';
});

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

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

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

MDN文档

es6 手册

仅有的幸福

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板