es6新增的数组知识

来源于技术胖的视频总结
1.Array.from(XXX）将标准的json数组格式转换为数组,注意要多一个lenth属性

let json={
    0:'fanrenfeng',
    1:'23',
    2:'girl',
    length:3
}
let arr=Array.from(json)
console.log(arr)//["fanrenfeng", "23", "girl"]

2.Array.of(xxx)用于将一堆文本或变量转换成数组

let arr=Array.of(2,3,4,5,6)
let arr2 = Array.of('fanrenfeng','fanrenan')
console.log(arr)//[2, 3, 4, 5, 6]
console.log(arr2)//["fanrenfeng", "fanrenan"]

3.find(value，index，arr)实例方法，找到符合条件的数组元素就进行return,并停止查找
value:要查找的值
index:当前查找的数组索引
arr:当前数组

let arr = [3,4,5,6,7,8]
var result=arr.find((value,index,arr)=>{
    return value>5
})
console.log(result)//6

4.fill(a,b,c)实例方法，将数组进行填充
a:填充的变量
b:开始填充的位置
c:填充到b,不包括b
从下面的例子可以看出，这个方法改变了原数组

let arr = [3,4,5,6,7,8]
var result=arr.fill('h',0,1)
console.log(arr)//["h", 4, 5, 6, 7, 8]
console.log(result)//["h", 4, 5, 6, 7, 8]

5.for of 循环
仅输出值

let arr = [3,4,5,6,7,8]
for(item of arr){
    console.log(item)
}

输出索引

let arr = [3,4,5,6,7,8]
for(let index of arr.keys()){
    console.log(index)
}

输出值和索引

let arr = [3,4,5,6,7,8]
for(let[index,val] of arr.entries()){
    console.log(`${index}:${val}`)
}

6.entris()实例，用于对键值对进行遍历
在上面的例子中，如果不用for of循环，可以手动调用遍历器对象的next方法进行遍历

let arr = [3,4,5,6,7,8]
let list = arr.entries()
console.log(list.next().value)
console.log(list.next().value)
console.log(list.next().value)

7.对象判断和数组判断的方法in

let obj={
    name:'凡人枫',
    age:'23',
    sex:'girl'
}
console.log('name' in obj)//true

非常实用判断数组下标是否为空值

let arr=[1,2,3,4,5]
console.log(0 in arr)//true

let arr=[,,,,]
console.log(0 in arr)//false

8.数组的遍历方法forEach()

let arr=['凡人枫','23','girl','']
arr.forEach((val,index,arr)=>console.log(`${index}:${val}`))

9.数组的方法filter

let arr=['凡人枫','23','girl','']
arr.filter((val,index,arr)=>console.log(`${index}:${val}`))

10.数组的方法map

let arr=['凡人枫','23','girl','']
arr.map((val,index,arr)=>console.log(`${index}:${val}`))

11.数组的方法some

let arr=['凡人枫','23','girl','']
arr.some((val,index,arr)=>console.log(`${index}:${val}`))

12.数组转字符串

let arr=['凡人枫','23','girl','']
console.log(arr.join('|'))