ES6 对数组的扩展

2019独角兽企业重金招聘Python工程师标准>>>

一、Array.of()函数

函数作用：将一组值，转换成数组

var arr=Array.of(1,2,3,4)
		console.log(arr) // [1,2,3,4]

二、Array.from()函数

1.可以将类似数组的对象或者可遍历的对象转换成真正的数组。

比如：getElementsByTagName等

let ele = document.getElementsByTagName('a');    ele instanceof Array;  //结果：false，不是数组    ele instanceof Object; //结果:true，是对象

  Array.from(ele) instanceof Array;    //结果：true，是数组

2.将字符串转换成数组

 let str='hello';
 let newarr=Array.from(str)
   console.log(newarr) // ['h','e','l','l','o']

三、find()函数

函数作用：找出数组中符合条件的第一个元素。

let arr=[1,3,5,6,7]
    let x=arr.find(function(num){
    	return num<8 // 1
    	num>2 //3
    	num>9 // underfined
    })

可以看出 find()函数的参数是一个匿名函数，数组的每个元素都会进入匿名函数执行，直到结果为true，find函数就会返回value的值,如果所有元素都不符合匿名函数的条件，find( )函数就会返回undefind。

四、findIndex()函数

函数作用：返回符合条件的第一个数组成员的位置。

let arr=[1,3,5,6,7]
    let x=arr.findIndex(function(num){
    	return num<8 // 0
    	 num>2 // 1
    	 num>9   // -1
    })

可以看出数组元素是从0算起;不符合匿名函数的条件，findIndex( )函数就会返回-1。

五、fill( 所填元素，起始位置，结束位置 )函数

函数作用：用指定的值，填充到数组。

let arr=[1,3,5,6,7]
    arr.fill(10,0,1)
    console.log(arr) // [10,3,5,6,7]

可以看出会覆盖掉原数组的值

六、entries( )函数

函数作用：对数组的键值对进行遍历，返回一个遍历器，可以用for..of对其进行遍历。

for(let[key,value] of ['aa','bb'].entries()){
	console.log(key,value); // 0 'aa' 1 'bb'
}

七、keys( )函数

对数组的索引键进行遍历，返回一个遍历器。

for(let index of ['aa','bb'].keys()){
	console.log(index); // 0 1 
}

八、values( )函数

作用：对数组的元素进行遍历，返回一个遍历器。

 for(let value of ['aa','bb'].values()){
    	console.log(value); // aa bb 
 }

转载于:https://my.oschina.net/u/3662721/blog/1787856