[ES6]

2024-07-11 23:34| 来源: 网络整理| 查看: 265

数组的扩展扩展运算符扩展运算符

扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。允许一个表达式在原地展开

// 定义一个数组 var arr = [1,2,3,4,5]; //将数组中的每一个元素打印在控制台 for(let i =0;i Title 北京南京天津 /* HTMLCollection和NodeList称为类数丝 */ var elems = document.getElementsByTagName('li'); // console.log(elems instanceof HTMLCollectionOf); console.log(...elems); console.log(Array.from(elems)); Array.of()方法

用于创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。

// Array.of()如果传递一个参数时，表示一个元素内容 console.log(Array.of(5));//[5] console.log(Array.of(1,2,3));// [1,2,3]

这个方法的主要目的，是弥补数组构造函数Array()的不足。因为参数个数的不同，会导致Array()的行为有差异

console.log(new Array(1,2,3));// [ 1, 2, 3 ] // new Array()如果传递一个参数时，表示length console.log(new Array(5));//1,2,3 console.log(Array(1,2,3));// [1, 2, 3 ] //Array ()如果传递一个参数时，表示length console.log(Array(5));// [ ]

Array.of总是返回参数值组成的数组。如果没有参数，就返回一个空数组。

console.log(Array.of());// [] console.log(new Array());// [] console.log(Array());// [] console.log([]);// [] Array对象的方法 copyWithin()方法

用于浅复制数组的一部分到同一数组中的另一个位置，并返回它，而不修改其大小

arr.copvWithin(target[start[,end]]) 作用检索指定数组中从 start到end区间的元素，复制到当前数组中的指定索引值参数 target: 该参数的值最大等于当前数组的length属性值-1start: 表示当前截取开始的索引值如果当前参数值省略，自动从数组的开始位置进行截取 end: 表示当前截取结束的索引值(不包含当前索引值的元素) 如果当前参数值省略，自动截取到当前数组的最后注意该方法不能改变数组长度修改了原有数组 let arr = [1,2,3,4,5]; // console.log(arr.copyWithin(3,0,4));//[ 1, 2, 3, 1, 2 ] // console.log(arr.copyWithin(0,3));// [ 4, 5, 3, 4, 5 ] console.log(arr.copyWithin(2));//[ 1, 2, 1, 2, 3 ] console.log(arr); find()与findlndex()方法 find()

返回数组中满足提供的测试函数的第一个元素的值，否则返回undefined。

arr.find(callback[,thisArg]) 作用返回find()方法的回调函数中符合表达式的第一个元素的值参数 callback:在数组每一项上执行的函数，该函数接收三个参数。 element: 指定数组中每一项元素的值index: 指定数组中每一项元索的索引值array: 数组本身。 thisArg:可选，指定callback的this参数。特点数组调用find()方法,将指定数组进行遍历 let arr = [1,2,3,4,5]; var result = arr.find(function (element,index,array) { return index > 1; }) console.log(result) findIndex()方法

返回数组中满足提供的测试函数的第一个元素的索引值，否则返回-1。

arr.findIndex(callback[,thisArg]) 作用返回符合表达式结果的第一个元素的索引值参数 callback:在数组每一项上执行的函数，该函数接收三个参数。 element: 指定数组中每一项元素的值index: 指定数组中每一项元索的索引值array: 数组本身。 thisArg:可选，指定callback的this参数。特点数组调用findIndex()方法,将指定数组进行遍历 let arr = [1,2,3,4,5]; var result = arr.findIndex(function (element,index,array) { return index > 1; }) console.log(result) fill()方法

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

arr.fill(value[,start[,end]]) 作用将指定内容替换指定数组中的指定位置参数 value:用来填充数组元素的值。start:可选项，起始索引，默认值为0。end:可选项，终止索引，默认值为this.length。返回值修改后的数组。 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()方法

用于判断-个数组是否包含一个指定的值。根据情况，如果包含则返回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, 2));//false

【本文地址】

[ES6]

[ES6]

今日新闻

推荐新闻