ES6学习笔记6 数组扩展

<p>ES6</p>
<p>老韩</p>
<script type="text/javascript">
{
let arr=Array.of(3,4,7,9,11)
console.log('arr',arr)//[3,4,7,9,11]

let empty=Array.of()
console.log('empty',empty)//[]
}

{
let p = document.querySelectorAll('p');
let parr = Array.from(p);//把一个集合转换成数组
console.log(parr)
parr.forEach(function(item){
console.log(item.textContent)
})

console.log(Array.from([1,3,5],function (item) {return item*2}))//map功能

}

{
console.log('fill',[1,'a',NaN,undefined].fill(7))//全部变成了7
console.log('fill-pos',[1,'a',NaN,undefined].fill(7,1,3))//从第1个开始换 到第3个，
}

{
for(let index of ['1','c','ks'].keys()){
console.log('key',index)//返回下标
}

for(let val of ['1','c','ks'].values()){
console.log('val',val)//返回值
}

for(let [index,val] of ['1','c','ks'].entries()){
console.log('val',index,val)//返回下标和值
}
}

{
console.log([1,2,3,4,5].copyWithin(0,3,5))//从哪个位置开始替换，从哪个位置读取数据，从哪个位置截止
}

{
console.log([1,2,3,4].find(function(item){return item>2}))//只找第一个 返回的是3
console.log([1,2,3,4].findIndex(function(item){return item>2}))//只找第一个 返回的是3的下标
}

{
console.log('number',[1,2,NaN].includes(1))//数组中有没有这个1
console.log('number',[1,2,NaN].includes(NaN))//也是true
}

</script>