ES6学习笔记08-数组扩展

最新推荐文章于 2024-09-09 20:37:59 发布

doublewe

最新推荐文章于 2024-09-09 20:37:59 发布

阅读量163

点赞数

分类专栏： ES6学习笔记文章标签： js javascript es6 html html5

本文链接：https://blog.csdn.net/qq_42062052/article/details/103960224

版权

ES6学习笔记专栏收录该内容

9 篇文章 0 订阅

订阅专栏

前言：
ES6为数组新增了许多方法：

find(callback)：数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数时一个回调函数，所有的数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有成员符合条件，则返回undefined。
findIndex(callback)：数组实例的findIndex方法，用法和find方法非常类似，返回第一个符合条件的数组成员的位置，如果都不满足，则返回-1。
includes(数组元素)：与find类似，如果匹配到元素，则返回true，代表找到了。

1.代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

        let ary1 = [10,20,30,40];  //定义数组
        //定义对象数组
        let ary2 = [{name: "weiwei1",age: 18},{name: "weiwei2",age: 19},{name: "weiwei3",age: 20}];


        console.log(ary1.find(p=>p==20));
        console.log(ary2.find(p=>p.age==20));  //查找对象数组

        console.log(ary1.findIndex(p=>p==20));  //满足条件返回下标
        console.log(ary1.includes(20));  //数组元素
    </script>
</head>
<body>

</body>
</html>

2.输出结果：
在这里插入图片描述

doublewe

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6学习笔记08-数组扩展

前言：ES6为数组新增了许多方法：find(callback)：数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数时一个回调函数，所有的数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有成员符合条件，则返回undefined。findIndex(callback)：数组实例的findIndex方法，用法和find方法非常类似，返回第一...
复制链接

扫一扫

专栏目录