基于ES6的语法Array.from方法返回一个实例数组的使用(模拟数组遍历数据)

1.Array.form()  

该方法是一个类似数组或可迭代对象对象来用于创建一个新的,浅拷贝的数组实例(因为会返回一个数组实例对象)

有两个参数:arraylike是想要转换成数组的伪数组对象或可迭代对象(一般用在Array(10)伪数组上)

第二个参数可选:如果指定了该参数,新数组中的每个元素会执行该回调函数(_,item)

创建数组对象描述:

伪数组对象:拥有一个length属性和若干索引属性的任意对象

可迭代对象:可以获取对象中的元素,如Map和Set等

Array.form():是一个真正的数组或者转换。

 console.log(Array.from([12,45,47,56,213,4654,154]))

//[12, 45, 47, 56, 213, 4654, 154]

 

常用对数据模拟的填充多个数据遍历

Array.from(Array(5),(_,i){
   return{
    name:'jack0'+i,
    id:i,
}
})
//(5) [{…}, {…}, {…}, {…}, {…}]
//0: {name: 'jack00', id: 0}
//1: {name: 'jack01', id: 1}
//2: {name: 'jack02', id: 2}
//3: {name: 'jack03', id: 3}
//4: {name: 'jack04', id: 4}
//length: 5

 

posted @ 2022-03-05 16:45  cc-front  阅读(261)  评论(0)    收藏  举报