如何在 JavaScript 中将对象添加到数组中？

有 3 种流行的方法可用于将对象插入或添加到数组中。

• 推（）
• 拼接（）
• 取消移位（）

方法一：Array的push()方法

push() 方法用于将一个或多个元素添加到数组的末尾。它返回形成的数组的新长度。可以通过将对象作为参数传递给此方法来插入对象。该对象因此被添加到数组的末尾。

句法：

array.push(objectName)

例子：

  

    Adding object in array
    
        body {
            text-align: center;
        }
    

  

    Geeksforgeeks
    Click the button to add new elements to the array.
  
    Add elements
  
    
  
    
        var list = ["One", "Two", "Three"];
        document.getElementById("geeks").innerHTML = list;
  
        function pushFunction() {
            list.push("Four", "Five", );
            document.getElementById("geeks").innerHTML = list;
        }
    
  

  

输出：

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

方法二：splice()方法

splice 方法用于从特定索引中删除和添加元素。它需要 3 个参数，起始索引、要删除的元素数量以及要添加到数组中的项目。通过将第二个参数指定为 0，只能添加对象而不删除任何其他元素。

要插入的对象被传递给方法，并指定要插入的索引。这会在指定索引处插入对象。

句法：

arr.splice(index, 0, objectName)

例子：

  

    Adding object in array
    
        body {
            text-align: center;
        }
    

  

    Geeksforgeeks
    Click the button to add new elements to the array.
  
    Add elements
  
    
  
    
        var list = ["HTML", "CSS", "JavaScript"];
        document.getElementById("geeks").innerHTML = list;
  
        function spliceFunction() {
            list.splice(2,0,"Angular", "SQL", );
            document.getElementById("geeks").innerHTML = list;
        }
    
  

  
            

输出：

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

方法三：unshift()方法

unshift() 方法用于将一个或多个元素添加到数组的开头。它返回形成的新数组的长度。可以通过将对象作为参数传递给此方法来插入对象。因此，该对象被添加到数组的开头。

句法：

arr.unshift(object);

例子：

  

    Adding object in array
    
        body {
            text-align: center;
        }
    

  

    Geeksforgeeks
    Click the button to add new elements to the array.
  
    Add elements
  
    
  
    
        var list = ["Geeks", "Contribute", "Explore"];
        document.getElementById("geeks").innerHTML = list;
  
        function unshiftFunction() {
            list.unshift("for", "Geeks", );
            document.getElementById("geeks").innerHTML = list;
        }
    
  

  

输出：

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

支持的浏览器
• 谷歌浏览器 1.1 或以上
• Mozilla Firefox 1.1 或更高版本
• 苹果浏览器
• Internet Explorer 5.5 或以上
• 歌剧

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。