知方号

知方号

[ES6] ES6 新特性之数组

扩展运算符

扩展运算符(…)允许一个表达式在原地展开,当需要多个参数(比如函数调用时)或者多个值( 比如字面量数组)。

理解:

得到数组的每一项

ES5 :

let arr = [1, 2, 3, 4, 5];for (let i = 0; i 1;})console.log(result); // 3

findIndex() 方法

findIndex()方法返回数组中满足提供的测试函数的第一个 元素的索引值,否则返回 undefined。

语法结构:

arr.findIndex(callback)

callback 参数: 调用 find() 方法时的回调函数

function(element,index, array) {} element:指定数组中每一项元素的值index:指定数组中每一项元索的索引值array:指定数组本身

特点:数组调用 find() 方法,将指定数组进行遍历

返回符合表达式结果的第一个元素的索引值

let arr = [1,2,3,4,5]let result = arr.findIndex(function (element,index,array) { return index > 1;})console.log(result)

和 ES5 的区别:ES6 比 ES5 里的 indexOf() 和 lastIndexOf() 较灵活了

fill() 方法

fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引值。

语法结构:

arr.fill(value[, strart[, end]])

参数

value: 表示替换的内容(没有类型要求)start: 表示替换开始的位置,默认值为0end:表示替换结束的位置(不包含),默认值为数组长度

作用:将指定内容替换指定数组中的指定位置

返回值:修改后的数组

let arr=[1,2,3,4,5];var result = arr. fill(6,1,3);console.log(result, arr) ;// [ 1, 6, 6, 4, 5 ] [ 1, 6, 6, 4, 5 ]

includes() 方法

includes() 方法用于判断一个数组是否包含一个指定的值。根据情况,如果包含则返回 true,否则返回 false。

语法结构:

arr.includes(searchElement, fromlndex); searchElement:需要查找的元素值。fromlndex:可选项,从该索引处开始查找searchElement。如果为负值,则按升序从 array.length - fromlndex 的索引开始搜索。默认为0。 let arr = [1, 2, 3, 4, 5];console.log(arr.includes(2, 1)); // trueconsole.log(arr.includes(2, 2)); // false

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。