扩展运算符:rest参数的逆运算,将数组
转换成逗号
分割的字符串
let arr=[1,2];
console.log(...arr);//控制台输出 1 2
替换数组的apply用法
- 给函数传递数组
function add(x,y){
return x+y;
}
//ES5
let res=add.apply(null,[1,2]);//控制台输出 3
//ES6
let res=add(...[1,2]);//控制台输出 3
- push将数组拼接到数组后面(push不接收数组)
//ES5
[1,2].push.apply(null,[3,4])//控制台输出 [1,2,3,4]
//ES6
[1,2].push(...[3,4]);//控制台输出 [1,2,3,4]
- 求最大值
Math.max.apply(null,[1,2]);//控制台输出 2
Math.max(...[1,2]);//控制台输出 2
合并数组
let arr1=[1,2,3];
let arr2=[2,3,4,5];
let arr=[...arr1,...arr2];
console.log(arr);//控制台输出 [1,2,3,2,3,4,5];
Array.from():主要将两类对象
转换成数组
,并提供map的功能
类数组对象
和可遍历对象
(Set Map)
let arr={'0':'a','1':'b',length:2};//类数组 本质是有length属性
Array.from(arr,item=>item+1);//返回 ['a1','b1']
注:
map功能:映射,一对一
Array.of() 初始化数组,目的 初始化数组时候的统一
Array初始化数组的时候,参数个数小于等于1的时候,此时参数表示的是数组的长度;参数个数大于等于2的时候,此时参数表示的数组的元素。
Array.of(1);//返回 [1]
Array(1);//[empty]只有length:1
实例方法:
copyWithin(target,start,end):在数组内操作,选中数组索引位置start到end,复制到target开始的位置
[1,2,45,6,78,9].copyWithin(2,4);//返回[1,2,78,9,78,9]
find() 返回数组中第一个符合条件的数组成员,有且为true,返回找到的值;没有返回 undefined
参数:回调函数,进行判断
//找到的情况
['a','b','c'].find(item=>item === 'a');//返回 a
//找不到的情况
['a','b','c'].find(item=>item === 'r'); //返回 undefined
findIndex() 返回数组中第一个匹配的数组索引,有返回位置索引,没有返回-1
['a','b','c'].find(item=>item === 'a');//返回 0
['a','b','c'].find(item=>item === 'r');//返回 -1
fill() 填充数组,用于空数组初始化,参1:填充值 参2:填充开始位置 参3:填充结束位置之前
['a','b','c'].fill(1);//返回[1,1,1]
entries() keys() values() 用于遍历数组,返回遍历器对象
entries() 键值对
keys() 键
values() 值
for(let [index,item] of ['a','b'].entires()){
console.log('键:'+index+',值:'+item);
}
for(let item of ['a','b'].values()){
console.log('值:'+item);
}
for(let index of ['a','b'].keys()){
console.log('键:'+index);
}
includes() 数组中是否包含参数内容,返回布尔值
和indexOf()功能相同,但是返回的指定位置索引或-1
['a','b','c'].includes('a');//返回true
['a','b','c'].includes('r');//返回false