ES6-数组的新增特性-数组对象方法

电玩女神 2022-05-15 04:07 241阅读 0赞

数组对象新增的方法

**4.find()和findIndex()方法**

（1）find() 返回数组中第一个满足条件的元素，参数是回调函数

例子：

<script>
        //返回数组中第一个满足条件的元素
        let arrs = [0,3,45,32,5,60,-3,89];
        console.log(arrs);
    
        //第一种：从数组中获取第一个>5的元素
        let res = arrs.find(function(val){
            if (val > 5) {
                return true;//只要>5结束循环，只要碰到>5的结束查询
            }
            return false;
        });
        console.log(res);//输出45
    
        //第二种：
        let res2 = arrs.find(function(val){
            return val>5;//比较表达式，返回布尔值
        });
        console.log(res2);//输出45
    
        //第三种：箭头函数
        let res3 = arrs.find(val=>val>5);//比较表达式，返回布尔值
        console.log(res3);//输出45
    </script>

(2) findIndex()返回数组中第一个满足条件的元素的索引，参数是回调函数

例子：

<script>
    
        //findIndex()获取数组中第一个奇数元素的索引
        //第一种：传统函数
        let res4 = arrs.findIndex(function(val){
            return (val%2) !== 0;//输出2，第3个参数
        })
        console.log(res4);
    
        //第三种：箭头函数
        let res5 = arrs.findIndex(val=>(val%2) !== 0);//比较表达式，返回布尔值
            
        console.log(res5);//输出索引为2，即指45
    </script>

**5.entries()，keys()和values()方法**

遍历数组

（1）entries()，遍历数组中的key和value，for...of方法；

（2）keys()，遍历数组中所有的索引值，for...of 数组名称.key()

（3）values(),遍历出key值，chrome中未能实现

例子：

<script>
        // entries()，keys()和values() 遍历数组
        let arr = ['橙子','西瓜','橙子','葡萄','苹果','香蕉'];
        console.log(arr.keys());//输出Array Iterator {  }，迭代器接口数组
    
        //keys()遍历数组中所有的索引值
        //遍历，输出key值
        for(let k of arr){
        	console.log(k);//输出key值，'橙子','西瓜','橙子','葡萄','苹果','香蕉'
        }
    
        // 遍历输出索引值，只需数组.key()
    
    	for(let k of arr.keys()){
    	    	console.log(k);//输出索引值值，0，1，2，3，4，5
    	    }
    
    	//遍历出key值，方法二values()
    	for(let k of arr.values()){
        	console.log(k);//输出key值，'橙子','西瓜','橙子','葡萄','苹果','香蕉'
        }//chrome中没有实现values()方法
    
        //entries()遍历数组中的key和value
    
        for(let [key,val] of arr.entries()){
        	console.log(key,val);//输出0 橙子1 西瓜2 橙子3 葡萄4 苹果5 香蕉
        }
    
    </script>

**6. includes()方法**

表示数组中是否包含某个指定的值，返回布尔值

例子：

<script>
        // entries()，keys()和values() 遍历数组
        let arr = ['橙子','西瓜','橙子','葡萄','苹果','香蕉'];
        console.log(arr.includes("西瓜"));//返回true
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，241人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 数组的方法

数组的类　　数组的类是Array 数组的定义　　var arr=\[元素\] 　　var arr=new Array(3) 数字3，代表有三个元素或者三个空位　

太过爱你忘了你带给我的痛/ 2022年12月25日 04:56/ 0 赞/ 68 阅读

相关 ES5新增数组的常见方法

1、indexof 方法可返回数组中某个指定的元素位置,索引位置从0开始,如果在数组中没找到指定元素则返回 -1。例: 从数组 arr = \[“a”,“b”,“c

女爷i/ 2022年12月16日 16:19/ 0 赞/ 172 阅读

相关 ES6新增特性

-------------------- let和const命令 let和var的区别 var a = []; for (var i = 0; i

我就是我/ 2022年11月27日 10:15/ 0 赞/ 176 阅读

相关浅谈JavaScript数组，数组操作方法，ES5新增数组操作方法，ES6新增数组操作方法

一.定义数组的方法 1.字面量的方式定义数组 //定义一个空数组 var arr = []; //定义一个初始值分别是啊a,b,c

太过爱你忘了你带给我的痛/ 2022年05月27日 12:20/ 0 赞/ 275 阅读

相关 ES6-对象的新增特性

1.属性的简介表示法例子： <script> let username = "Mark"; let userage = 100;

╰+哭是因爲堅強的太久メ/ 2022年05月15日 04:07/ 0 赞/ 197 阅读

相关 ES6-数组的新增特性-数组对象方法

数组对象新增的方法 4.find()和findIndex()方法（1）find() 返回数组中第一个满足条件的元素，参数是回调函数例子： <script>

电玩女神/ 2022年05月15日 04:07/ 0 赞/ 242 阅读

相关 ES6-数组的新增特性-扩展运动符

构造函数的新增方法Array.form()和Array.of() 2.Array.form() 可以把类数组对象、实现了迭代器接口的数据类型转换成真正的对象；例子：

Bertha 。/ 2022年05月15日 04:07/ 0 赞/ 201 阅读

相关 ES6-数组的新增特性-扩展运动符

1.扩展运算符（...） (1)定义：扩展运算符相当于rest参数的逆运算，把数组转换为用逗号分割的参数列表，例子： <script> // rest

ゝ一纸荒年。/ 2022年05月15日 04:07/ 0 赞/ 174 阅读

相关 ES6-字符串新增特性

1.模板字符串（1）定义比较长，复杂的字符串，如html代码模板字符串中写 \` 需要转义，例子： <script> let html

怼烎@/ 2022年05月15日 04:06/ 0 赞/ 306 阅读

相关数组方法及es6新增数组方法

1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(

布满荆棘的人生/ 2021年11月05日 00:54/ 0 赞/ 454 阅读