JavaScript 07 —Array Cardio Day2

最新推荐文章于 2024-11-02 12:42:04 发布

真不吃香菜

最新推荐文章于 2024-11-02 12:42:04 发布

阅读量195

点赞数 1

分类专栏： JS 30 文章标签： javascript 前端 find findIndex some

本文链接：https://blog.csdn.net/Cici__zc/article/details/120959141

版权

JS 30 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中数组的方法some、every、find和findIndex的用法。some方法检查数组中是否存在至少一个元素满足条件；every方法检查所有元素是否都满足条件；find方法找到第一个满足条件的元素并返回；findIndex则返回满足条件元素的索引，若不存在则返回-1。示例中展示了如何在人员和评论数组上应用这些方法。

摘要由CSDN通过智能技术生成

实现效果

熟悉数组的各种方法：some( )、every( )、find( )、findIndex( )。

find 返回满足条件的第一个值，否则返回undefined。接收回调函数，3个参数：1元素值 2。元素索引 3。数组不改变原数组
findIndex一样不过返回的是索引，如果找不到就返回-1。

some 判断至少有一个满足条件，接收回调函数，不改变原数组，返回的是布尔值。

every 不改变原数组。返回布尔值，为数组中的每个元素执行一次回调函数，回调函数被调用时可传入3个参数 1元素值 2。元素索引 3。原数组。数组内的所有元素是否都能通过某个指定函数的测试，如果传入的是空数组也返回true，即无条件正确。

const people = [
  { name: 'Wes', year: 1988 },
  { name: 'Kait', year: 1986 },
  { name: 'Irv', year: 1970 },
  { name: 'Lux', year: 2015 }
];

const comments = [
  { text: 'Love this!', id: 523423 },
  { text: 'Super good', id: 823423 },
  { text: 'You are the best', id: 2039842 },
  { text: 'Ramen is my fav food ever', id: 123523 },
  { text: 'Nice Nice Nice!', id: 542328 }
];

// Some and Every Checks
// Array.prototype.some() // is at least one person 19 or older? 
// some 返回的是一个布尔值
const isadult = people.some(person => ((new Date()).getFullYear()) - person.year >= 19)
console.log(isadult)

// Array.prototype.every() // is everyone 19 or older?
const isnineteen = people.every(guys =>((new Date()).getFullYear()) - people.year >= 19)
console.log({isnineteen});

// Array.prototype.find()
// Find is like filter, but instead returns just the one you are looking for
// find the comment with the ID of 823423
const isid = comments.find(item => item.id === 823423)
console.log(isid);

// Array.prototype.findIndex()
// Find the comment with this ID
// delete the comment with the ID of 823423
const isids = comments.findIndex(item => item.id === 823423)
console.log(isids);