Web系開発メモ

Java, C#, HTML, CSS, JavaScript のことなどを書いてます。

トップ > JS/CSS/HTML > JavaScript JSONにキーが存在するかチェックする方法

JavaScript JSONにキーが存在するかチェックする方法

JS/CSS/HTML

JavaScript で、JSON にキー（プロパティ）が存在するか確認する方法を書いていきます。

方法

次のように書いてチェックします。

'キーの名前' in 検査対象のJSON

キーが存在する場合は true、存在しない場合は false が返却されます。

例

サンプルコードは以下の通りです。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
</head>
<body>
<script>
  function check(json) {  
    if ('name' in json) {
      console.log('name有り。');
    } else {
      console.log('name無し。');
    }
  }
  check({"name": "Tom"});
  check({});
</script>
</body>
</html>

関数 check で、引数の JSON にキー name があるかチェックしています。HTML を開くと、以下のログが出力されます。

name有り。
name無し。

JSON にキーと値を追加する方法

JSON にキーが存在しない場合、キーとデフォルトの値を追加することがあるかもしれません。

次のように書くと、キーと値を追加できます。

対象のJSON.キー = 値

サンプルコードは以下の通りです。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
</head>
<body>
<script>
  let json = {};
  json.name = "Tom";
  console.log(json.name);
</script>
</body>
</html>

HTML をブラウザで開くと、以下のログが出力されます。

Tom