JavaScriptで配列の要素を別の配列の要素に置き換える方法

JavaScriptでは、splice()メソッドを使うことで、ある配列の要素を別の配列の要素に簡単に置き換えることができます。splice()は、配列の指定した位置から要素を削除しながら、同時に新しい要素を挿入できる強力なメソッドです。

splice()による要素の置き換えとは？

通常、splice()は第1引数に開始位置、第2引数に削除する要素数、第3引数以降に挿入する要素を指定します。しかし、挿入したい要素がすでに配列形式で存在する場合は、apply()を組み合わせることで、配列の要素をまとめて渡すことができます。

コード例

var values = ['John', 'David', 'Bob', 'Mike', 'Sam', 'Carol', 'Adam'];
var marks = [55, 78, 90];
Array.prototype.splice.apply(values, [0, marks.length].concat(marks));
console.log(values);

上記のコードでは、values配列の先頭からmarks.length（=3）個の要素を削除し、その位置にmarks配列の中身（55, 78, 90）を挿入しています。apply()を使うことで、splice()に対して配列を引数として展開して渡せる点がポイントです。

プログラムの実行方法

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

node fileName.js

ここでは、ファイル名を「demo303.js」として保存しているものとします。

出力結果

このプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\javascript-code> node demo303.js
[ 55, 78, 90, 'Mike', 'Sam', 'Carol', 'Adam' ]

処理内容の解説

• [0, marks.length]: 先頭（インデックス0）から3つの要素を置き換え対象としています。
• concat(marks): 置き換え後の新しい要素として、marks配列の値（55, 78, 90）を連結しています。
• apply(): splice()メソッドに引数を配列として渡すために使用しています。

その結果、元の配列の最初の3つの要素「John」「David」「Bob」が「55」「78」「90」に置き換わり、「Mike」以降の要素はそのまま残ります。