JS 数组的 every()、some() 、filter()、findIndex() 、find()、map()方法-白红宇的个人博客

JS 数组的 every()、some() 、filter()、findIndex() 、find()、map()方法

发布日期：2021-05-07 18:31:14 浏览次数：7 分类：原创文章

本文共 1404 字，大约阅读时间需要 4 分钟。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>数组的几种方法</title></head><body>  <script>    var arr = [      {            id:1,        name: '苹果',        checked: false      },{            id:2,        name: '梨子',        checked: false      },{            id:3,        name: '香蕉',        checked: true      },{            id:4,        name: '草莓',        checked: false      },{            id:5,        name: '橘子',        checked: true      }    ];    /**     *  every(): 返回一个 Boolean 类型的值      *  对数组中的每一个元素进行对比 只有所有的元素都为 true 时 返回的结果为 true 反之为 false     *  some(): 返回一个 Boolean 类型的值      *  对数组中的每一个元素进行对比 只要有一个元素为 true 返回的结果就为 true 反之为 false     *      *  filter(): 返回 数组中满足 提供条件的 所有元素, 都不满足 就会返回 [] (空数组)     *  findIndex(): 返回 数组中满足 提供条件的 第一个元素的 索引, 都不满足 就会返回 -1     *  find(): 返回 数组中满足 提供条件的 该元素, 都不满足 就返回 undefined     *  map(): 返回 满足条件 的 数组中每一个元素里面的 属性值 , 从新组合成 新的数组     *       */    result = arr.every(v => v.checked);   //false    result = arr.some(v => v.checked);    //true    result = arr.filter(v => v.checked)   // 由 arr[2] 和 arr[4] 组成的新数组    result = arr.findIndex(v => v.name === '橘子');   // 4    result = arr.find(v => v.name === '香蕉')  // {id: 3, name: "香蕉", checked: true}    result = arr.map(v => v.name);   // ["苹果", "梨子", "香蕉", "草莓", "橘子"]    console.log(result)    </script></body></html>

上一篇：原生 JS 封装的一些方法【更新中...】

下一篇：盒子居中的几种常用方法

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

发表评论

最新留言

关于作者

推荐文章