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

filter实现数组过滤，es6语法过滤方法合集

ES6语法中有哪些简单的字符串转数组方法

ES6如何实现模块化编程

ES6语法种有哪些判断方法

vue语法中methods箭头函数的基本用法吗?

标签： es6语法, find

上面是“es6语法之find()的基本用法”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_2589.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！