用 JavaScript 替換陣列中的物件

Abid Ullah 2023年1月30日 2022年5月10日
  1. 使用 JavaScript 中的索引替換陣列中的物件
  2. 使用 JavaScript 中的拼接方法替換陣列中的物件
用 JavaScript 替換陣列中的物件

由於 JavaScript 是一種動態語言,本文將討論如何在 JavaScript 中輕鬆替換儲存在陣列中的不同物件。

在 JavaScript 中,陣列中的物件和型別是動態的或可以更改的。我們可以在陣列中儲存不同的物件型別。

使用 JavaScript 中的索引替換陣列中的物件

通過知道物件的索引,我們可以輕鬆地替換陣列中的任何物件。它是 JavaScript 中替換陣列中物件的最常用方法之一。

讓我們用一個簡單的例子來理解這一點。

在下面的程式碼中,我們建立了一個名為 selectedColors 的陣列,並儲存了五個具有相似型別的物件。

示例程式碼:

let selectedColors = ['Red', 'Blue', 'Orange', 'Black', 'Pink'];
console.log(selectedColors);

輸出:

[ 'Red', 'Blue', 'Orange', 'Black', 'Pink' ]

假設我們想用不同顏色名稱替換陣列中的前兩個物件。我們可以使用這些物件的索引來做到這一點。

在索引 0 處,我們有紅色,在索引 1 處,我們有藍色。我們可以使用 selectedColors[] 替換這兩種顏色,給出我們想要替換的物件的索引號,並指定一個新顏色。

示例程式碼:

let selectedColors = ['Red', 'Blue', 'Orange', 'Black', 'Pink'];
selectedColors[0] = 'Green';
selectedColors[1] = 'White';
console.log(selectedColors);

輸出:

[ 'Green', 'White', 'Orange', 'Black', 'Pink' ]

正如我們在程式碼中看到的,我們使用了 selectedColors[0] = 'Green'; 這意味著我們在索引 0 處分配綠色,然後我們再次對 selectedColors[1] = 'White'; 使用相同的過程我們在索引 1 處給出 White。

執行程式碼後,紅色和藍色分別替換為綠色和白色。在輸出中,我們現在在索引 0 處有綠色,在索引 1 處有白色。

使用 JavaScript 中的拼接方法替換陣列中的物件

在 JavaScript 中替換陣列中物件的另一種方法是使用 splice 方法。splice 方法允許我們通過刪除或替換陣列中所需索引處的現有元素來更新陣列的物件。

如果我們想替換陣列中的一個物件,我們首先需要它的索引。

讓我們通過以下示例瞭解此方法的工作原理。

示例程式碼:

let monthNames = ["January", "March", "April", "June"];
monthNames.splice(1, 0, "February");
console.log("February is added in the list ", monthNames);
monthNames.splice(4, 1, "May");
console.log("June is replaced by May ", monthNames);

輸出:

February is added in the list  [ 'January', 'February', 'March', 'April', 'June' ]
June is replaced by May  [ 'January', 'February', 'March', 'April', 'May' ]

首先,我們建立了一個名為 monthNames 的陣列並儲存了月份的名稱。

之後,我們使用 monthNames.splice(1, 0, "February"); 在陣列上應用 splice() 方法。這導致索引 1 處的新元素 February 沒有刪除陣列中的任何元素。

mothNames.splice() 中的 1, 0, "February" 表示在索引 1 處新增一個新元素,0 表示我們不會刪除陣列中的任何元素。

在第一個 splice() 之後,我們使用 monthNames.splice(4, 1, "May"); 在結果陣列上應用了另一個 splice() 方法用新元素 May 替換索引為 4 的元素 June

monthNames.splice(4, 1, "May"); 中,4, 1 表示我們要將索引 4 處的元素替換為 May,而 1 表示從索引 4 中刪除一個元素。

在輸出中,元素 June 被索引 4 處的新元素 May 替換。這就是我們如何使用 splice() 方法在 JavaScript 中替換陣列中的任何物件。

Author: Abid Ullah
Abid Ullah avatar Abid Ullah avatar

My name is Abid Ullah, and I am a software engineer. I love writing articles on programming, and my favorite topics are Python, PHP, JavaScript, and Linux. I tend to provide solutions to people in programming problems through my articles. I believe that I can bring a lot to you with my skills, experience, and qualification in technical writing.

LinkedIn

相關文章 - JavaScript Array

相關文章 - JavaScript Object