Es6-数组的扩展

1.from ()

将伪数组转换成真正的数组（arguments。。。。）

　　function add(){

　　　　let arr= Array.from(arguments);

　　　　console.log(arr);

　　}

　　add(1,2,3)

　　使用的场景：在一个ul中包含多个li的时候就可以进行使用这样，将多个li进行存放在一个数组中

　　let  lis = document.querySelectorAll（‘li’）;　　array,from(lis); 

　　但是这样拿到的东西是一个数组中包含转换的li ，这个时候我们可以利用from的第二参数，既可以转换成想要的数组的了

　　写法是 Array.from(lis,ele=>ele.textContent)这个的写法就是把真正的数据进行以数组的形式展现出来

　　也可以使用剩余参数（扩展运算符）的方法进行转化，此方法更为简洁 [...lis]

 

2 of () 将任意的数据类型转成数组

　　Array.of(1,2,[1,2,3],{id:1})

 

3.find()和finedIndex() 符合条件的第一个数组成员/符合第一个条件的数组成员的下标

let num =[1,2,-10,-20,9,2].find((n)=>{

　　　if(n<0){

　　　　　　consolle.log(num);

　　　　}

})      ====>    -10

let num2 =[1,2,-10,-20,9,2].findIndex((n)=>{

　　　if(n<0){

　　　　　　consolle.log(num2);

　　　　}

})      ====>    2

 

4. keys()  values() entries() 

　　keys()是对键的循环遍历，values是对值的循环遍历 entries是对键和值循环遍历

　　for(let index of ['a','b'].keys()){

　　　　console.log(index);

　　} ====》0和1

　　

　　for(let ele of ['a','b'].values()){

　　　　console.log(index);

　　}  ====》 a和b

　　for(let [index,ele] of ['a','b'].entries()){

　　　　console.log(index);

　　}   =====》 0 "a"和 1“b”

 

5.includes()返回一个布尔值，表示数组是否包含该值

　　[2,3].includes(2) true

　　[1,2].includes(3) false