当我们需要创建长度固定、元素重复或特殊规律的数组时,可以使用 JavaScript 的批量创建数组的方法。
使用 Array 构造函数
通过 Array 构造函数的原型方法 Array(n)
可以批量创建长度为 n
的空数组,而调用 fill
原型方法可以为该数组的所有位置填充同一个元素。例如:
// 创建一个长度为 5,元素全部为 0 的数组
let arr1 = Array(5).fill(0);
// 创建一个长度为 3,元素全部为 'hello' 的数组
let arr2 = Array(3).fill('hello');
注意:使用 fill
填充数组时,会修改原数组,因此应该确保已经保存了该数组的备份或没有关键数据且不会使用原数组。
使用 Array.from 静态方法
除此之外,ES6 引入了 Array.from 静态方法,它可以将类数组对象或迭代器对象转换成数组。其中,第一个参数是可迭代对象(例如字符串、Map 对象),第二个参数是一个可选的 map 函数,它可以对每个数组元素进行转换。例如:
// 将字符串转换成数组
let arr3 = Array.from('abcdefg');
// 将 Set 对象转换成数组
let set = new Set([1, 2, 3]);
let arr4 = Array.from(set);
// 将 Map 对象转换成数组
let map = new Map([
['name', 'Tom'],
['age', 18],
]);
let arr5 = Array.from(map);
// 使用 map 函数将所有元素乘以 2
let arr6 = Array.from([1, 2, 3], num => num * 2);
上述示例中,arr3
是将字符串 'abcdefg'
转换成数组的,arr4
是将 Set 对象 [1, 2, 3]
转换成数组的,arr5
是将 Map 对象 [['name', 'Tom'], ['age', 18]]
转换成数组的,arr6
是将 [1, 2, 3]
数组中的所有元素乘以 2 得到的。
以上就是 JavaScript 批量创建数组的方法的完整攻略,希望对您有所帮助!
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript 批量创建数组的方法 - Python技术站