> 文章列表 > js 使用 Array.from 快速生成0~5,步进值为0.1的数组

js 使用 Array.from 快速生成0~5,步进值为0.1的数组

js 使用 Array.from 快速生成0~5,步进值为0.1的数组

一、我们平常用的比较多的方法是for循环生成

let data=[]
for(let i=0;i < 51;i++){data.push(i/10)
}

二、用Array.from生成

先来认识一下我们今天的主角!!!

1、释义

Array.from() 方法从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例。

2、基本语法

Array.from(arrayLike[, mapFunction[, thisArg]])

  • arrayLike:必传参数,类数组对象或者一个iterable
  • mapFunction:可选参数,mapFunction(item,index){ … }对集合中的每一个项目调用的函数,返回的值被插入到新的集合中。
  • thisArg:可选参数,执行回调函数mapFunction时this对象,这个参数很少使用

将对象转换数组时
请注意:
1.object中必须有length属性,返回的数组长度取决于length长度
2.key必须是数值

3、应用

这里我们用到的是用Array.from生成数字范围

语法:
Array.from( {length: end}, (_,index) => index)

运用这个语法就可以得到我们想要的结果

let data = Array.from({length:51},(_,i)=>{return i/10
})

Array.from的更多运用,可以看这里
https://blog.csdn.net/weixin_44447255/article/details/125167451

在这里插入图片描述