JavaScriptでオブジェクトの配列を更新する方法

JavaScriptでオブジェクトの配列を更新する方法

まず、次のようなオブジェクトの配列があると仮定しましょう。

var studentDetails = [
   { firstName: "John", listOfSubject: ['MySQL', 'MongoDB']},
   {firstName: "David", listOfSubject: ['Java', 'C']}
]

この既存の配列に対して、次のオブジェクトを追加・更新したいと考えます。

{firstName: "Bob", listOfSubject: ['JavaScript']};

ここでのポイントは、同じ科目リスト（listOfSubject）を持つオブジェクトがすでに配列内に存在する場合はその要素を上書きし、存在しない場合は新しく配列の末尾に追加するという処理です。

サンプルコード

var studentDetails = [
   { firstName: "John", listOfSubject: ['MySQL', 'MongoDB']},
   {firstName: "David", listOfSubject: ['Java', 'C']}
];
var updateThisObject = {firstName: "Bob", listOfSubject: ['JavaScript']};

function forLoopExample(studentObjects, updateObj){
   for(var index = 0; index < studentObjects.length; index++) {
      if(updateObj.listOfSubject.join("") ===
         studentObjects[index].listOfSubject.join("")) {
         studentObjects[index] = updateObj;
         return;
      }
   }
   studentObjects.push(updateObj);
}
forLoopExample(studentDetails, updateThisObject);
console.log(studentDetails);

この関数では、forループを使って既存の各オブジェクトの listOfSubject を join("") で連結した文字列同士を比較しています。一致する要素が見つかった場合は、該当箇所を新しいオブジェクトで置き換えて return で処理を終了します。最後まで一致するものがなければ、push() によって新しいオブジェクトを配列の末尾へ追加します。

上記のプログラムを実行するには、次のコマンドを使用します。

node fileName.js

ここでは、ファイル名を demo100.js としています。

出力結果

実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo100.js
[
   { firstName: 'John', listOfSubject: [ 'MySQL', 'MongoDB' ] },
   { firstName: 'David', listOfSubject: [ 'Java', 'C' ] },
   { firstName: 'Bob', listOfSubject: [ 'JavaScript' ] }
]