js 填充数组

1. 引言

在JavaScript中，数组是一种非常常见的数据类型。在处理数据时，我们经常需要填充数组，即向数组中添加一些元素。本文将详细介绍如何使用JavaScript填充数组。

2. 填充数组

2.1 使用push()方法向数组末尾添加元素

push()方法是JavaScript中数组的内置方法，用于向数组的末尾添加元素。我们可以使用push()方法填充数组。

下面是一个示例代码：

let arr = [1, 2, 3];
arr.push(4);
arr.push(5);
console.log(arr);

运行结果：

[1, 2, 3, 4, 5]

可以看到，通过多次调用push()方法，我们可以向数组中添加多个元素。

2.2 使用unshift()方法向数组开头添加元素

与push()方法相对应的是unshift()方法，它可以向数组的开头添加元素。

下面是一个示例代码：

let arr = [1, 2, 3];
arr.unshift(0);
arr.unshift(-1);
console.log(arr);

运行结果：

[-1, 0, 1, 2, 3]

可以看到，通过多次调用unshift()方法，我们可以向数组的开头添加多个元素。

2.3 使用splice()方法插入元素

splice()方法是JavaScript中数组的内置方法，它可以在指定位置插入元素，并可以同时删除原有元素。可以说，splice()方法是数组填充的非常强大的工具。

下面是一个示例代码：

let arr = [1, 2, 3];
arr.splice(1, 0, 1.5);
arr.splice(3, 0, 2.5);
console.log(arr);

运行结果：

[1, 1.5, 2, 2.5, 3]

可以看到，通过多次调用splice()方法，我们可以在指定位置插入多个元素。

2.4 使用扩展运算符...填充数组

在ES6中，JavaScript引入了扩展运算符...，它可以将数组解构为单独的元素。我们可以利用这个特性来填充数组。

下面是一个示例代码：

let arr = [1, 2, 3];
arr = [...arr, 4, 5];
console.log(arr);

运行结果：

[1, 2, 3, 4, 5]

可以看到，通过扩展运算符...，我们可以将数组中的元素取出，并与其他元素组合成一个新的数组。

3. 填充特定值

有时候我们需要将数组填充为特定值，例如填充为0、填充为空字符串等。本节将介绍如何使用JavaScript来实现这种需求。

3.1 使用fill()方法填充特定值

fill()方法是JavaScript中数组的内置方法，它可以填充数组为特定的值。我们可以利用fill()方法来填充数组。

下面是一个示例代码：

let arr = new Array(5).fill(0);
console.log(arr);

运行结果：

[0, 0, 0, 0, 0]

可以看到，通过调用fill()方法，我们可以将数组填充为特定的值。

3.2 使用循环填充特定值

除了使用fill()方法，我们还可以使用循环来填充数组为特定的值。

下面是一个示例代码：

let arr = new Array(5);
for (let i = 0; i < arr.length; i++) {
  arr[i] = 0;
}
console.log(arr);

运行结果：

[0, 0, 0, 0, 0]

可以看到，通过使用循环，我们同样可以将数组填充为特定的值。

4. 填充随机数

有时候我们需要将数组填充为一些随机数，例如填充为0到9的随机数、填充为指定范围内的随机数等。本节将介绍如何使用JavaScript来实现这种需求。

4.1 使用Math.random()函数填充随机数

Math.random()函数是JavaScript中的内置函数，它可以返回一个0到1之间的随机数。我们可以利用Math.random()函数来填充数组为随机数。

下面是一个示例代码：

let arr = new Array(5);
for (let i = 0; i < arr.length; i++) {
  arr[i] = Math.floor(Math.random() * 10);
}
console.log(arr);

运行结果：

[3, 7, 2, 1, 5]

可以看到，通过使用Math.random()函数，我们可以将数组填充为一些0到9之间的随机数。

4.2 使用自定义函数填充随机数

除了使用Math.random()函数，我们还可以定义自己的函数来填充随机数。

下面是一个示例代码：

function getRandomNumber(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

let arr = new Array(5);
for (let i = 0; i < arr.length; i++) {
  arr[i] = getRandomNumber(0, 9);
}
console.log(arr);

运行结果：

[5, 1, 4, 3, 0]

可以看到，通过使用自定义函数getRandomNumber()，我们同样可以将数组填充为一些指定范围内的随机数。

5. 总结

本文详细介绍了如何使用JavaScript填充数组。我们学习了使用push()和unshift()方法向数组添加元素，使用splice()方法插入元素，使用扩展运算符...填充数组，以及填充特定值和随机数的方法。希望本文对你理解JavaScript填充数组有所帮助。