JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでオブジェクトの値をnullに設定する方法

オブジェクト内のすべての値をnullに設定したい場合は、まずオブジェクトからすべてのキーを取得し、その各キーに対してnullを代入します。この処理は、forループやforEach()メソッドを使うことで簡単に実現できます。

ここでは、Object.keys()メソッドでキーの一覧を取得し、forEach()で各キーにnullを代入する方法を紹介します。なお、JavaScriptでは配列もオブジェクトの一種であるため、この手法は配列にもそのまま適用できます。

サンプルコード

以下は、複数のレコードを持つ配列形式のオブジェクトのすべての値をnullに設定するJavaScriptコードです。

const object = [
    {
        FirstName: "John"
    },
    {
        FirstName: "David"
    },
    {
        FirstName: "Bob"
    }
]
Object.keys(object).forEach(key => object[key] = null);
console.log(object);

プログラムの実行方法

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

node fileName.js

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

実行結果

上記のプログラムを実行すると、コンソールに次のような出力が表示されます。

PS C:\Users\Amit\JavaScript-code> node demo31.js
[ null, null, null ]

実行結果からわかるように、オブジェクト内のすべての要素(値)がnullに置き換えられています。このようにObject.keys()forEach()を組み合わせることで、オブジェクトの値を一括して初期化することができます。

  1. JavaScriptのMap(マップ)オブジェクトとは?基本的な使い方をサンプルコード付きで解説

    MapオブジェクトとはMap(マップ)オブジェクトは、ES6(ECMAScript 2015)で導入された組み込みオブジェクトの一つで、「キー」と「値」のペアで構成される要素を管理するコレクションです。通常のオブジェクトとよく似ていますが、Mapの大きな特徴は、キーにオブジェクトやプリミティブ値など、あらゆる型の値を使用できる点にあります。さらに、要素は挿入した順序で保持されるため、for...ofループなどを利用して、追加した順番どおりに反復処理を行うことも可能です。Mapオブジェクトの主なメソッドとプロパティメソッド / プロパティ説明new Map(iterable)配列などのイテラブル

  2. JavaScriptでオブジェクトの値を動的に設定する方法をわかりやすく解説

    JavaScriptでは、オブジェクトのプロパティ(値)を後から動的に変更・設定することができます。本記事では、ボタンをクリックしたタイミングでオブジェクトの値を書き換える具体的なコード例を紹介します。 実装例:オブジェクトの値を動的に変更する 以下のコードでは、student オブジェクトの name プロパティと age プロパティを、ボタンクリック時に動的に更新しています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" />