使用 Javascript 在数组中添加元素

htmljavascriptprogramming scripts

可以使用针对不同位置的不同函数向数组中添加元素。

在数组末尾添加元素

这可以使用 push 方法完成。例如,

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage");
console.log(veggies);

这将给出输出 −

["Onion", "Raddish", "Cabbage"]

您还可以使用它同时推送多个项目,因为它支持可变数量的

参数。例如,

let veggies = ["Onion", "Raddish"];
veggies.push("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

这将给出输出 −

["Onion", "Raddish", "Cabbage", "Carrot", "Broccoli"]

在数组开头添加一个元素

这可以使用 unshift 方法完成。例如,

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage");
console.log(veggies);

将给出输出 −

["Cabbage", "Onion", "Raddish"]

您还可以使用它同时取消移动多个项目,因为它支持可变数量的

参数。例如,

let veggies = ["Onion", "Raddish"];
veggies.unshift("Cabbage", "Carrot", "Broccoli");
console.log(veggies);

这将给出输出 −

["Cabbage", "Carrot", "Broccoli", "Onion", "Raddish"]

在数组的给定位置添加元素

有时您需要在数组的给定位置添加元素。JavaScript 不支持开箱即用。所以我们需要创建一个函数来实现这一点。我们可以将其添加到 Array 原型中,以便我们可以直接在对象上使用它。

Array.prototype.insert = function(data, position) {
   if (position >= this.length) {
      this.push(data)
      // 如果 position 大于数组的总长度,则放在末尾
   } else if (position <= 0) {
      this.unshift(data)
      // 如果位置小于或等于 0,则将其放在开头
   } else {
      // 将所有元素向右移动
      for (let i = this.length; i >= position; i--) {
         this[i] = this[i - 1];
      }
      this[position] = data;
   }
}

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

这将给出输出 −

[1, 2, -1, 3, 4]

现在,您创建的每个数组对象都可以使用 insert 方法。

您还可以使用 splice 方法在给定位置插入元素。例如,

var months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
console.log(months);

将会出现输出:

['Jan', 'Feb', 'March', 'April', 'June']

该方法的第一个参数是我们要从中删除元素或插入元素的索引。第二个参数是我们要删除的元素数量。第三个参数以后是我们要插入到数组中的值。


相关文章