ES6-数组的扩展

扩展运算符:rest参数的逆运算,将数组转换成逗号分割的字符串

let arr=[1,2];
console.log(...arr);//控制台输出 1 2

替换数组的apply用法

  1. 给函数传递数组
function add(x,y){
	return x+y;
}
//ES5
let res=add.apply(null,[1,2]);//控制台输出  3

//ES6
let res=add(...[1,2]);//控制台输出  3
  1. push将数组拼接到数组后面(push不接收数组)
//ES5
[1,2].push.apply(null,[3,4])//控制台输出 [1,2,3,4]

//ES6
[1,2].push(...[3,4]);//控制台输出 [1,2,3,4]
  1. 求最大值
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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值