极客教程JavaScript 使用不同的方法填充数组
让我们了解使用不同的方法填充JavaScript数组的方式。填充数组意味着用一组值来填充数组数据结构。
以下是填充数组的几种方式：
- 使用数组字面量表示法
- 使用for循环
- 使用fill()方法
- 使用from()方法
- 使用map()方法
- 使用扩展运算符
方法1：使用数组字面量表示法
在JavaScript中，数组字面量表示法是通过在方括号内列出其元素，并用逗号分隔来创建数组的一种方式。使用数组字面量表示法是一种方便的方法来填充数组的初始值。您可以添加任意数量的值，还可以混合不同类型的值。
语法：
const array = [item1, item2, ...];
示例： 在这个示例中，我们将直接使用方括号[]在数组中添加元素。
JavaScript
// Declaring and initializing arrays
let nums = [1, 2, 3, 4, 5];
let names = ["Rahul", "Raju", "Rohit", "Anurag"];
// Printing both the array
console.log("nums: ", nums);
console.log("names: ", names);
输出：
nums: [ 1, 2, 3, 4, 5 ]
names: [ 'Rahul', 'Raju', 'Rohit', 'Anurag' ]
方法2：使用 for 循环
您可以使用 for 循环来填充数组元素。确定您希望数组中有多少个元素。这可以是一个固定的数字，也可以是在运行时确定的变量。使用 for 循环来遍历所需数量的元素，并使用 push() 方法将每个元素添加到数组中。
语法：
const arrayNumbers = [];
for (Initialization; Condition; Increment/Decrement) {
arrayNumbers.push(items);
}
例子： 在给定的例子中，我们使用for循环创建了从1到10的偶数数组。
Javascript
const evenNumbers = [];
for (let i = 2; i <= 10; i += 2) {
evenNumbers.push(i);
}
console.log("Even numbers: " + evenNumbers);
输出
Even numbers: 2,4,6,8,10
方法3：使用fill()方法
JavaScript中的fill方法是一种用于填充数组的方法。它接受两个参数：第一个参数是将用于填充数组的值，第二个参数是填充过程的起始索引。
fill方法在需要使用默认值初始化数组或将数组的值重置为特定值的情况下非常有用。
语法：
const zeros = new Array(size_array).fill(item);
在给定的示例中，我们使用fill方法创建了一个大小为5的零数组。
const zeros = new Array(5).fill(0);
console.log("Zeros: " + zeros);
输出
Zeros: 0,0,0,0,0
方法4：使用from()方法
JavaScript中的from()方法是一种用来填充数组的方法。它可以从类数组对象或可迭代对象创建一个新的数组实例。from()方法返回一个包含原始类数组对象中元素的新数组实例。
类数组对象是一个具有length属性且可以像数组一样被索引的对象，但是它可能没有数组具有的所有方法。
语法：
const array_ = [some array values];
const new_array = Array.from(array_);
示例： 在给定的示例中，我们将一个字符串转换为一个数组。
Javascript
const str = "hello";
const chars = Array.from(str);
console.log(
"New array created using elements of str: "
+ chars
);
输出
New array created using elements of str: h,e,l,l,o
方法5：使用 map() 方法
JavaScript 中的 map() 方法是一个高阶函数，用于迭代数组并基于给定函数返回一个修改后的新数组。map() 方法按顺序将回调函数应用于数组的每个元素，并创建一个带有结果的新数组。原始数组不被修改。
语法：
const array_ = [item1, item2, ....];
const squares = numbers.map(item => item * item);
示例： 在这个示例中，我们使用map()方法将一个数组转换成一个新数组，新数组的元素是原数组元素的平方。
Javascript
const numbers = [1, 2, 3, 4, 5];
const squares =
numbers.map((num) => num * num);
console.log("Original Array: ", numbers);
console.log("New array created by squaring "
+ "the elements ", squares);
输出
Original Array: [ 1, 2, 3, 4, 5 ]
New array created by squaring the elements [ 1, 4, 9, 16, 25 ]
方法6：使用展开运算符
展开运算符 允许可迭代对象在期望使用0个或多个参数的位置展开。它通常用于希望获得多个值的变量数组中，允许我们从数组中获取参数列表。
语法：
let variablename1 = [...value];
示例： 在这个例子中，我们将使用扩展运算符填充数组。
JavaScript
let populateArray = [...new Array(5)].map(() => 0);
console.log(populateArray);
输出
[ 0, 0, 0, 0, 0 ]