极客教程JavaScript 创建一个填充给定值的数组
在JavaScript中，数组是一组值，可以存储和访问单个变量中的值。数组中的每个值被称为元素，元素可以是任何数据类型，如数字、字符串或其他对象。数组是索引的，这意味着每个元素在数组中都有一个数字位置。JavaScript数组是动态的，这意味着它们的大小可以根据需要进行更改。它们也是从零开始索引的，这意味着第一个元素位于位置0，第二个元素位于位置1，依此类推。
您可以使用以下方法创建一个填充给定值的数组：
- Array.fill()方法 ：该方法用于使用给定的静态值填充数组。
- Array.from()方法 ：该方法用于从给定数组创建一个新的数组实例。
- Array.apply()方法 ：该方法通过将实际参数传递给apply()方法来创建一个填充给定值的数组。
- Array spread操作符 ：它用于将可迭代对象（例如数组、字符串或对象）展开为其个体元素。
- Array for循环方法 ：用于迭代数组中的每个单个元素。
方法1：使用JavaScript的Array.fill()函数。
步骤：
-
使用var关键字声明一个给定值的数组Given_values。
- 使用Array()构造函数创建一个新数组array，并传入一个参数2，以创建一个包含2个空槽的数组。
- 使用fill()方法在数组上填充空槽，填充值为Given_values数组。
-
将新数组打印为输出。
示例：
Javascript
<script>
//declaring array with given values
var Given_values = [1, 2, 3, 4, 5];
console.log(`Given values array {Given_values}`);
//creating an array filled with given values
var filledArray = Array(2).fill(Given_values);
//printing output array
console.log(`Array filled with given values is [{filledArray}]`);
</script>
输出
Given values array 1,2,3,4,5
Array filled with given values is [1,2,3,4,5,1,2,3,4,5]
方法2: 使用 Array.from() 方法。
方法： 通过使用 Array.from() 方法，我们可以从给定的数组创建一个新的数组实例。
例子：
Javascript
<script>
//declaring array with Given values
var Given_values = [1, 2, 3, 4, 5];
console.log('Given values array '+Given_values);
//creating an array filled with Given_values array
var filledArray = Array.from({length: 1}, () => Given_values);
//printing output
console.log('Array filled with given values [ '+filledArray+' ]');
</script>
输出
Given values array 1,2,3,4,5
Array filled with given values is [1,2,3,4,5]
方法3：使用 Array.apply() 方法 。
Array.apply() 方法被调用在 Array 对象上，并且传入了两个参数：
方法：
第一个参数是 null，它将函数内的 this 的值设置为 null。
第二个参数是 Array (1)，它创建了一个长度为1的数组。
然后，map(() => values) 将 values 数组赋值给新数组的每个元素。map() 方法会对调用参数中的每个元素应用提供的函数，并返回包含结果的新数组。在这种情况下，提供的函数是一个箭头函数，它返回 values 数组，所以新数组被填充了1个对同一 values 数组的引用。
示例：
JavaScript
<script>
//declaring array with given values
var givenValues = [1, 2, 3, 4, 5];
console.log('Given elements:'+givenValues);
//create an array filled with given values
var filledArray = Array.apply(null, Array(1)).map((_,i) =>givenValues);
//printing output array
console.log('Array filled with given values [ '+filledArray+' ]');
</script>
输出：
Given values array 1,2,3,4,5
Array filled with given values is [1,2,3,4,5]
方法4：使用for循环填充数组。
步骤：
- 初始化一个空数组filledArray，用于存储给定数组givenValues的值。
- 将给定的值声明为给定数组givenValues。
- 然后，使用for循环遍历给定数组givenValues中的元素。
- 在每次迭代中，使用索引i访问当前元素，并使用Array.prototype.push()方法将其推入filledArray。
- 最后，filledArray的结果将与给定数组givenValues具有相同的值。
示例：
Javascript
<script>
//declaring array with given values
var givenValues = [1, 2, 3, 4, 5];
console.log('Given elements:'+givenValues);
//declaring empty array
var filledArray = [];
//filling array using for loop
for (let i = 0; i < givenValues.length; i++)
{
filledArray.push(givenValues[i]);
}
//printing output array
console.log('Array filled with given values [ '+filledArray+' ]');
</script>
输出：
Given values array 1,2,3,4,5
Array filled with given values is [1,2,3,4,5]
方法5：使用扩展语法填充数组。
方法： 我们将使用扩展运算符将给定值数组的元素复制到新数组中。扩展运算符允许您将可迭代对象（例如数组）的元素扩展到新数组中。通过使用扩展运算符包装给定值数组，它创建了一个与给定值数组相同元素的新数组。
示例：
Javascript
<script>
//declaring array with given values
var givenValues = [1, 2, 3, 4, 5];
console.log('Given elements:'+givenValues);
//filling array using spread operator
var filledArray = [...givenValues];
//printing output array
console.log('Array filled with given values [ '+filledArray+' ]');
</script>
输出：
Given values array 1,2,3,4,5
Array filled with given values is [1,2,3,4,5]