如何在 JavaScript 中替换数组中的项目？

可以使用两种方法替换数组中的项目：

• 方法一：使用 splice() 方法

  JavaScript 中的数组类型为我们提供了splice()方法，该方法可以帮助我们通过在所需/所需索引处删除和插入新元素来替换现有数组的项目。

  方法：

  • 初始化一个数组，然后我们对其应用 splice() 方法，从而在索引 1 处插入元素“February”而不删除任何元素。
  • 在第一个 splice() 之后的结果数组上应用另一个 splice() 方法，以便用元素“May”替换索引 4 处的元素“June” （在第一个 splice() 方法的输出数组中） .

  句法：

  Array.splice(start_index, delete_count, value1, value2, value3, ...)

  注意： Splice() 方法从包含start_index元素的数组中删除零个或多个元素，并用参数列表中指定的零个或多个元素替换这些元素。
  Splice() 方法直接修改数组，与名称相似的 Slice() 方法不同。
  

  示例 1：下面是一些示例来说明Splice()方法：
  这个例子说明了拼接方法的简单使用。

    
  
      
          
            GeeksforGeeks
        
          Click on the button to replace the array elements.
          
          
              Replace
          
          The Updated Array Elements:
          
          
              function element_replace() {
    
                // Initializing the array
                var list = ["January", 
                            "March",
                            "April",
                            "June"];
    
                // splicing the array elements using splice() method
                list.splice(1, 0, "February");
                // expected output [January, February, March, April, June]
    
                // splicing the output elements after the first splicing
                list.splice(4, 1, "May");
    
                document.getElementById(
                  "result").innerHTML = list;
              }
          
    
      
  
    

  点击按钮后的输出：
  

• 方法 2：使用数组map()和filter()方法。

  JavaScript 中的map()方法通过对父数组中存在的每个元素调用特定函数来创建数组。 arr.filter()该函数用于从给定数组创建一个新数组，该数组仅由给定数组中满足参数函数设置的条件的元素组成。在...的帮助下

  方法：

  • 初始化一个数组。
  • 借助.map和.filter方法选择目标索引。
  • 在目标索引处设置新值

  句法：

  ele[ele.map((x, i) => [i, x]).filter(x => x[1] == old_value)[0][0]] = new_value

  示例 2：

    
  
      
          
            GeeksforGeeks
        
          
              Click on the button to 
            replace the array elements.
          
          
              Replace
          
          The Updated Array Elements:
          
          
              function element_replace() {
    
                  var ele = Array(10, 20, 300, 40, 50);
    
                  ele[ele.map((x, i) => [i, x]).filter(
                    x => x[1] == 300)[0][0]] = 30
    
                  console.log(ele);
              }
          
    
      
  
    

  输出：
  

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