跳到主要内容

JavaScript 在数组开始处添加元素的程序

要理解这个示例，你应该了解以下JavaScript编程主题的知识：

示例1：使用unshift()向数组添加元素​

// 程序：向数组添加元素

function addElement(arr) {
  // 添加新的数组元素
  arr.unshift(4);

  console.log(arr);
}

const array = [1, 2, 3];

// 调用函数
addElement(array);

输出

[4, 1, 2, 3]

在上述程序中，使用unshift()方法将新元素添加到数组变量中。

unshift()方法在数组的开始处添加一个新元素。

示例2：使用splice()向数组添加元素​

// 程序：向数组添加元素

function addElement(arr) {
  // 向数组添加元素
  arr.splice(0, 0, 4);

  console.log(arr);
}

const array = [1, 2, 3];

// 调用函数
addElement(array);

输出

[4, 1, 2, 3]

在上述程序中，使用splice()方法向数组中添加新元素。

在splice()方法中，

  • 第一个参数是数组中你想要添加元素的索引。
  • 第二个参数是你想要从索引元素中移除的元素数量。
  • 第三个参数是你想要添加到数组中的元素。

示例3：使用展开运算符向数组添加元素​

// 程序：向数组添加元素

function addElement(arr) {
  // 向数组添加元素
  arr = [4, ...arr];

  console.log(arr);
}

const array = [1, 2, 3];

// 调用函数
addElement(array);

输出

[4, 1, 2, 3]

在上述程序中，使用展开运算符...将新元素添加到数组的开始处。

arr = [4, ...arr];首先将4作为第一个元素，其余元素来自于数组。

示例4：使用concat()向数组添加元素​

// 程序：向数组添加元素

function addElement(arr) {
  // 向数组添加元素
  arr = [4].concat(arr);

  console.log(arr);
}

const array = [1, 2, 3];

// 调用函数
addElement(array);

输出

[4, 1, 2, 3]

在上述程序中，使用concat()方法向数组中添加新元素。

concat()方法将两个数组组合成一个。

最后于 更新