es6语法之find()的基本用法

今天web建站小编给大家介绍一下关于es6语法之find()的基本用法！

方法一：

const arr = [1, 2, 3, 4, 5];
const item = arr.find(function (item) {
  return item > 4;
});
console.log(item);//5

方法二：

const arr = [
{
  id: 1,
  name: '张三',
},
{
  id: 2,
  name: '李四',
},
{
  id: 3,
  name: '王五',
}]

const item = arr.find((item) => item.name === '张三');
console.log(item);
//{id: 1, name: '张三'}

方法三：

const arr = [
{
  id: 1,
  name: '张三',
},
{
  id: 2,
  name: '李四',
},
{
  id: 3,
  name: '王五',
}]

const item = arr.find(function (item) { return item.id >2;});
console.log(item);
//{id: 3, name: '王五'}

方法四：

const arr = [
{
  id: 1,
  name: '张三',
},
{
  id: 2,
  name: '李四',
},
{
  id: 3,
  name: '王五',
}]

const item = arr.find(function (item, index, arr) {
  console.log(item, index, arr);
});
//{id: 1, name: '张三'} 0 (3) [{…}, {…}, {…}]
//{id: 2, name: '李四'} 1 (3) [{…}, {…}, {…}]
//{id: 3, name: '王五'} 2 (3) [{…}, {…}, {…}]

方法五：

const arr = [
{
  id: 1,
  name: '张三',
},
{
  id: 2,
  name: '李四',
},
{
  id: 3,
  name: '王五',
}]

const item = arr.find(function (item, index, arr) {
  console.log(this);
});