一. 扩展运算符补充
1. 快速将类数组转化为数组
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<script>
let aLi = document.querySelectorAll('ul li');
let arrLi = [...aLi];
-->[li,li,li,li]
arrLi.push('asdfdf');
-->[li,li,li,li,'asdfdf']
</script>
二.Array.from()--> 把类数组(获取一组元素,arguments...)对象转成数组
1. eg:接上例
let aLi = document.querySelectorAll('ul li');
let arrLi = Array.from(aLi);
-->[li,li,li,li]
arrLi.pop();
-->[li,li,li]
2. 当做split使用
let str = "strive";
let arr = str.split('');
//拆分数组['s','t','r','I','v','e']
let arr = Array.from(str);
//['s','t','r','I','v','e']
console.log(arr);
三. Array.of()-->把一组值转化成数组
let arr = Array.of('apple','banana','orange');
--> arr-->['apple','banana','orange']
四.arr.find()-->查找第一个符合条件的数组成员,如果没有,返回undefined。
1. arr.find()
let arr = [1,900,101,50,45];
let num = arr.find((val,index,arr)=>{
return val > 100;
});
console.log(num);
-->900
2. arr.findIndex()-->查找位置,没找到返回-1
let arr = [1,900,101,50,45];
let num = arr.findIndex((val,index,arr)=>{
return val > 100;
});
console.log(num);
-->1
五.arr.fill(填充的东西,开始位置,结束位置)-->填充
let arr = new Array(5);//一个长度为5的空数组
arr.fill('默认值',1,3);
-->arr=['','默认值','默认值','','']
六.arr.includes()
let arr = ['apple','banana'];
let b = arr.includes('banana');
console.log(b);
-->true
网友评论