es6基础(6)--数组扩展

时间:2023-03-09 16:41:03
es6基础(6)--数组扩展
 //数组扩展
{
let arr=Array.of(3,4,6,7,9,11);//可以是空
console.log('arr=',arr);//[3,4,6,7,9,11]
}
{
//Array.from把伪数组或者集合变为数组
let p=document.querySelectorAll('p');
let pArr=Array.from(p);
pArr.forEach(function(item){
console.log(item.textContent);
})
//类似map
console.log(Array.from([1,3,5],function(item){
return item+2;
}))//[3,5,7]
}
{
//fill把数组中所有的都变成一个值
console.log('fill-7',[1,'a',undefined].fill(7));
//替换从第一个1开始到第三个3(1,3],被7替换
console.log('fill,pos',['a','b','c'].fill(7,1,3));
}
{
//输出索引
for(let index of ['1','c','ks'].keys()){
console.log('keys',index);
}
//输出值
for(let value of ['1','c','ks'].values()){
console.log('values',value);
}
//输出索引和值
for(let [index,value] of ['1','c','ks'].entries()){
console.log('entries',index,value);
}
}
{
//copyWithin(从哪个位置开始替换,从哪个位置开始读取,从哪个位置截止)
console.log([1,2,3,4,5].copyWithin(0,3,4));//[4,2,3,4,5]
}
{
//find查找,只会找满足条件的第一个值
console.log([1,2,3,4,5,6].find(function(item){
return item>3;
}))
//find查找,只会找满足条件的第一个值的下标
console.log([1,2,3,4,5,6].findIndex(function(item){
return item>3;
}))
}
{
//查看数组是否存在(x),可以找到NaN
console.log([1,2,NaN].includes(1))//true
console.log([1,2,NaN].includes(NaN))//true
}