Array.from()该方法是将一个类数组对象或者可遍历对象转换成一个真正的数组。
一、类数组对象转换为真正数组:
该类数组需满足以下两条件:
1.必须具有length属性,用于指定数组的长度。若无length属性,那么转换后的数组是一个空数组。
2.属性名必须为数值型或字符串型的数字。若非数字,那么转换后的数组每一项的值都为undefined。
let arrayLike = {
0:'你',
1:'我',
2:'他',
3:['闻官军','收','河南','河北'],
4:{'name':'国之不国','solgen':'家之何存'},
'length':5
}
console.log(Array.from(arrayLike));
结果:
二、将字符串转换为数组
let arrString = 'good game!'
console.log(Array.from(arrString));// ["g", "o", "o", "d", " ", "g", "a", "m", "e", "!"]
三、若参数为数组则返回的仍是数组,该方法可接收第二个参数,作用类似于数组的map方法,用来对每个元素进行处理
console.log(Array.from([12,12,34,34]));//[12, 12, 34, 34]
console.log(Array.from([12,12,34,34],item=>item+1));//[13, 13, 35, 35]
四、将Set结构的数据装换为真正的数组
let arr = [12,34,56,78,56];
let arrSet = new Set(arr);
console.log(arrSet);//Set(4) {12, 34, 56, 78}
console.log(Array.from(arrSet));//[12, 34, 56, 78]
console.log(Array.from(arrSet,item => item*2));//[24, 68, 112, 156]