获取1-10(1到10)数值[1,2,3,4,5,6,7,8,9,10]数组的三种简易方法

Array.from方法

javascript 复制代码
const arr = Array.from({length: 10}, (_, index) => index + 1);
console.log(arr); // 输出结果为 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  • { length: 10 }: 表示要创建的新数组的长度为 10。这个对象只有一个属性 length,用于指定数组的长度。
  • _: 在回调函数中表示当前遍历的元素。在这个场景中,不需要使用当前元素的值,因此使用下划线 _ 来表示占位符。
  • index: 回调函数的第二个参数,代表当前遍历元素的索引,从 0 开始。
  • index + 1: 回调函数的返回值,表示当前元素的值。由于索引是从 0 开始的,因此需要在索引上加 1。

Array方法

javascript 复制代码
const arr = Array(10).fill().map((_, index) => index + 1);
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  • Array(10):创建了一个长度为10的空数组,但数组的元素都是 undefined。参数 10 指定了数组的长度为10。

  • .fill():这一方法将数组的每个元素都填充为指定的值。由于没有传递任何参数给 fill(),默认情况下会用 undefined 填充数组的每个元素。

  • .map((_, index) => index + 1):这一方法对数组中的每个元素执行指定的函数,并返回由每个函数的结果组成的新数组。使用 map() 函数来生成一个新数组,其中每个元素的值是其在数组中的索引值加1。参数 _ 表示当前元素的值,而 index 表示当前元素的索引。

javascript 复制代码
const arr = [...Array(10).keys()].map(x => x + 1);
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
  • Array(10):这一部分创建了一个长度为10的空数组,但数组的元素都是 undefined。参数 10 指定了数组的长度为10。

  • .keys():这一方法返回一个新的 Array 迭代器对象,该对象包含数组中每个索引的键0-9。

  • [...Array(10).keys()]:这一部分利用了扩展运算符 ... 将迭代器转换为数组。得到了一个包含数字0到9的数组。

  • .map(x => x + 1):使用 map() 函数来生成一个新数组,其中每个元素的值是其索引值加1。

目前对Array.from的使用方法理解还不够透彻,后续学习后会专门出一篇对于Array.from方法的解读,仍有取得上述数组更加便捷的方法的话,还希望各位小伙儿们评论区评论哦,共同学习!

相关推荐
熊猫_豆豆几秒前
黑洞的粒子产生(霍金1975年论文)第二部分
人工智能·数学·算法·机器学习·量子力学·大学物理·黑洞
jay神3 分钟前
本科深度学习需要从零开始训练模型吗?
人工智能·深度学习·算法·机器学习·计算机视觉
渡我白衣5 分钟前
Acceptor模块的设计与实现
java·linux·服务器·开发语言·网络·c++·人工智能
沫璃染墨18 分钟前
《从零入门Linux系统篇(二十八):文件篇·一——Linux为什么“万物皆文件”:从C语言文件流到系统调用》
linux·运维·服务器·开发语言·c++·文件
zzzzzz3101 小时前
react-bits:从 36K Stars 的组件库,看动画交互组件该如何被评估
前端·react.js·动效
Feynman’s boom1 小时前
PDF解析复盘
数据库·人工智能·算法·pdf解析
luteres2 小时前
Mybatis+SSM整合笔记
java·开发语言·mybatis
郝学胜-神的一滴2 小时前
《C++11 工程级应用01:告别冗长类型,开启简洁高效编码新时代》深度解读
开发语言·c++·算法·软件开发·系统设计
其实防守也摸鱼2 小时前
推荐一个自动化教育SRC漏洞挖掘系统--AutoHunter
运维·开发语言·人工智能·学习·安全·web安全·自动化
学习中.........3 小时前
Transformer 训练资源估算:以 CS336 GPT-2 XL 配置为例
人工智能·python·算法·机器学习·自然语言处理