JavaScriptで各反復ごとに1つのキーをnullに設定するオブジェクト処理を自動化する方法

JavaScriptでオブジェクトを扱う際、「各反復（イテレーション）ごとに1つのキーだけを null に設定したオブジェクトを作りたい」というケースがあります。これを実現するには、Object.keys() メソッドと for...of ループ、そしてスプレッド構文（...）を組み合わせます。

処理のポイント

• Object.keys()：オブジェクトが持つすべてのキーを配列として取得します
• for...of ループ：取得したキーを先頭から順に1つずつ取り出して処理します
• スプレッド構文：{ ...objectValues } のように記述することで元のオブジェクトを複製し、そのうえで [tempKey]: null により該当するキーだけを上書きします

この方法なら、元のオブジェクトを破壊することなく、反復ごとにまったく新しいオブジェクトを生成できます。

サンプルコード

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

var objectValues =
{
    "name1": "John",
    "name2": "David",
    "address1": "US",
    "address2": "UK"
}
for (var tempKey of Object.keys(objectValues)) {
    var inEachIterationSetOneFieldValueWithNull = {
        ...objectValues,
        [tempKey]: null
    };
    console.log(inEachIterationSetOneFieldValueWithNull);
}

コードの流れ

1. Object.keys(objectValues) により、["name1", "name2", "address1", "address2"] というキーの配列が取得されます。
2. ループの各周回で、変数 tempKey に現在処理中のキーが代入されます。
3. スプレッド構文で objectValues の全プロパティをコピーした後、[tempKey]: null がそのキーのみ null で上書きします。
4. console.log() により、その反復時点でのオブジェクトの状態がコンソールに出力されます。

プログラムの実行方法

Node.js環境で次のコマンドを実行します。ここでは、ファイル名を demo294.js として保存しています。

node fileName.js

実行結果

コンソールには、反復ごとに異なる1つのキーが null になったオブジェクトが順番に出力されます。

PS C:\Users\Amit\javascript-code> node demo294.js
{ name1: null, name2: 'David', address1: 'US', address2: 'UK' }
{ name1: 'John', name2: null, address1: 'US', address2: 'UK' }
{ name1: 'John', name2: 'David', address1: null, address2: 'UK' }
{ name1: 'John', name2: 'David', address1: 'US', address2: null }

このように、4つのキーに対して合計4回の反復が行われ、「name1 → name2 → address1 → address2」の順で、各周回につき1つずつ値が null に置き換わっていくことが確認できます。元の objectValues 自体は変更されない点も、この手法の大きな利点です。