JavaScriptで配列のランダムな要素を置き換える方法

JavaScriptの配列内にあるランダムな要素を別の値に置き換えたい場合は、Math.random()とmap()メソッドを組み合わせて使うことで実現できます。

まず、ランダムに選ばれたインデックスをSetオブジェクトに格納し、その後map()を使って該当する位置の値だけを新しい値に差し替えます。重複しない複数のランダム位置を選びたい場合にも、Setを利用することでスマートに処理できます。

サンプルコード

以下が実際のコードです。

function substituteRandomValue(names, size) {
   return function () {
      const index = new Set();
      do {
         index.add(Math.floor(Math.random() * names.length));
      } while (index.size < size)
      return names.map((value, counter) => index.has(counter) ? 'Adam' : value);
   };
}
var names = ['John', 'David', 'Bob', 'Mike', 'Carol', 'Sam'],
   result = substituteRandomValue(names, 2);
console.log(...result());

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

node fileName.js.

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

出力結果

上記のコードを実行すると、コンソールには次のような結果が出力されます。

PS C:\Users\Amit\javascript-code> node demo278.js
John David Bob Adam Carol Adam

この例では、6つの名前が入った配列からランダムに2つの位置が選ばれ、それらの要素だけが「Adam」に置き換えられていることがわかります。Math.random()によって毎回異なる位置が選ばれるため、実行するたびに出力結果は変化します。この手法は、配列の一部のデータをテスト用の値に差し替えたい場合や、ゲームなどでランダムにアイテムを変更したい場合などに活用できます。