1.Array.from()
就是将一个类数组对象或者可遍历对象转换成一个真正的数组,也是ES6的新增方法.
类数组对象,最基本的要求就是具有length属性的对象。
1.将类数组对象转换为真正数组(属性名为数字类型):
let obj1 = {
'0': 'james',
'1': 'kobe',
'length': 2
}
let arr4 = Array.from(obj1)
console.log(arr4);//["james", "kobe"]
2.将类数组对象转换为真正数组(属性名为字符串类型):
let obj2 = {
'name1': 'james',
'name2': 'kobe',
length: 2
}
let arr5 = Array.from(obj2)
console.log(arr5);//[undefined, undefined]
3.没有length属性:
let obj3 = {
'0': 'james',
'1': 'kobe'
}
let arr6 = Array.from(obj3)
console.log(arr6);//[]
由上可知,类数组对象中必须具有length属性,用于指定数组的长度。如果没有length属性,那么类数组转换后的数组是一个空数组;
类数组对象的属性名必须为数值型或者是字符串型的数字
4.Array.from还可以接受第二个参数,作用类似于数组的map方法,用来对每个元素进行处理,将处理后的值放入返回的数组。
let arr = [1, 3, 5, 7]
let arr2 = Array.from(arr, item => {
return item *= 2
})
console.log(arr2)//[2, 6, 10, 14]
5.将Set结构的数据转换为真正的数组:
let arr = [1, 3, 5, 7]
let arr2 = new Set(arr)
let arr3 = Array.from(arr2)
console.log(arr2, arr3)//Set(4) {1, 3, 5, 7} (4) [1, 3, 5, 7]
6.将字符串转换为数组
let str = "happy birthday"
let arr = Array.from(str)
console.log(arr)//["h", "a", "p", "p", "y", " ", "b", "i", "r", "t", "h", "d", "a", "y"]
7.Array.from参数是一个真正的数组,Array.from会返回一个一模一样的新数组:
let arr = [1, 2, 3, 4]
let arr2 = Array.from(arr)
console.log(arr2)//[1, 2, 3, 4]
