NEW ARTICLE
mac ファイルから指定した範囲の行を抽出する
  1. HOME
  2. javascript
  3. javascript 変数に括弧をつけてオブジェクトのプロパティを指定して代入する

javascript 変数に括弧をつけてオブジェクトのプロパティを指定して代入する

javascript 変数に括弧をつけてオブジェクトのプロパティを指定して代入する

javascriptで、変数に括弧をつけてオブジェクトのプロパティを指定して代入するサンプルコードを記述してます。6つの方法から取得することが可能です。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 104.0.5112.101
Javascript サンプル集はこちら

変数に括弧

変数に括弧を使用してとプロパティ名と同じ値を指定すると、指定したプロパティの値を取得することが可能です。

アロー関数の使い方
const obj = {a: 10, b: 20, c: 30};

const {a} = obj;
const {b} = obj;

console.log(a)
console.log(b)

実行結果を見ると、取得されていることが確認できます。

存在しない値を指定すると「undefined」が返ります。

const obj = {a: 10, b: 20, c: 30};

const {d} = obj;

console.log(d) // undefined

入れ子のオブジェクト

入れ子のオブジェクトを取得するには、以下のようにします。

const obj = {a: {A:1,B:2}, b: 20, c: 30};

const {a} = obj;

console.log(a) // {A: 1, B: 2}
console.log(a.A) // 1

実行結果