如何在 JavaScript 中将元素追加到数组中？

有几种方法可以向 JavaScript 数组添加新元素。

• push() ： push()方法将向数组末尾添加一个元素，而其孪生函数pop() 方法将从数组末尾删除一个元素。如果您需要在数组末尾添加一个或多个元素，push() 方法几乎总是您最简单、最快捷的选择。

  句法：

  array.push(item1, item2, ..., itemX)

  参数： item1、item2、…、itemX：这些是必需的参数。数组末尾的项目。

  例子：

      
          GeeksForGeeks
          Click
          
          
          var Geeks = ["Geeks1", "Geeks2", "Geeks3", "Geeks4"];
          document.getElementById("geeks").innerHTML = Geeks;
          function GFG() {
            Geeks.push("Geeks5", "Geeks6");
            document.getElementById("geeks").innerHTML = Geeks;
          }
              
      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• unshift() : unshift()方法将在数组的开头添加一个元素，而它的孪生函数shift() 将从数组的开头删除一个元素。
  句法：

  array.unshift(item1, item2, ..., itemX)

  参数： item1、item2、…、itemX：这些是必需的参数。要添加到数组开头的项目。

  例子：

      
          GeeksForGeeks
          Click
          
          
          var Geeks = ["Geeks1", "Geeks2", "Geeks3", "Geeks4"];
          document.getElementById("geeks").innerHTML = Geeks;
          function GFG() {
            Geeks.unshift("Geeks5", "Geeks6");
            document.getElementById("geeks").innerHTML = Geeks;
          }
              
      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• splice() ： splice()方法通过删除现有元素和/或添加新元素来修改数组的内容。

  句法：

  array.splice(index, howmany, item1, ....., itemX)

  范围：

  • index：这是必需的参数。一个整数，指定在什么位置添加/删除项目，使用负值指定从数组末尾开始的位置
  • howmany：这是可选参数。要删除的项目数。如果设置为 0，则不会删除任何项目。
  • item1, item2, ..., itemX：这些是可选参数。要添加到数组中的新项目。

  例子：

      
          GeeksForGeeks
          Click
          
          
          var Geeks = ["Geeks1", "Geeks2", "Geeks3", "Geeks4"];
          document.getElementById("geeks").innerHTML = Geeks;
          function GFG() {
            Geeks.splice(2, 1, "Geeks5", "Geeks6");
            document.getElementById("geeks").innerHTML = Geeks;
          }
              
      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：
    
• concat() ： concat()方法返回一个新的组合数组，该数组由调用它的数组组成，并与其参数中的数组（或多个数组）连接。此方法用于连接两个或多个数组，此方法确实不更改现有数组，而是返回一个新数组，其中包含连接数组的值。

  句法：

  array1.concat(array2, array3, ..., arrayX)

  范围：

  • array2, array3, ..., arrayX：这些是必需的参数。要加入的数组。

  例子：

      
          GeeksForGeeks
          Click
          
          
          function GFG() {
            var g1 = ["Geeks1", "Geeks2"];
            var g2 = ["Geeks3", "Geeks4"];
            var g3 = ["GeeksForGeeks"];
            var g4 = g1.concat(g2, g3); 
            document.getElementById("geeks").innerHTML = g4;
          }
              
      

  输出：

  • 点击按钮前：
    
  • 点击按钮后：