JavaScript >> Javascript チュートリアル >  >> Tags >> Function

関数の JavaScript 引数内の中括弧

2 つ目の回答 この質問が出されてから発生しました。 JavaScript ES6 Destructuring Assignment を導入しました。

var x = function({ foo }) {
   console.log(foo)
}

var y = {
  bar: "hello",
  foo: "Good bye"
}

x(y)


Result: "Good bye"

中括弧はオブジェクト リテラルを表します。これは、データのキーと値のペアを送信する方法です。

だからこれ:

var obj = {name: "testing"};

このようにデータにアクセスするために使用されます。

obj.name; // gives you "testing"

キーが一意である限り、コンマで区切られた複数のキーと値のペアをオブジェクトに与えることができます。

var obj = {name: "testing",
           another: "some other value",
           "a-key": "needed quotes because of the hyphen"
          };

角かっこを使用して、オブジェクトのプロパティにアクセスすることもできます。

これは、"a-key" の場合に必要になります。 .

obj["a-key"] // gives you "needed quotes because of the hyphen"

角かっこを使用すると、変数に格納されたプロパティ名を使用して値にアクセスできます。

var some_variable = "name";

obj[ some_variable ] // gives you "testing"

JavaScript の中括弧は、オブジェクトを作成するための省略表現として使用されます。例:

// Create an object with a key "name" initialized to the value "testing"
var test = { name : "testing" };
alert(test.name); // alerts "testing"

詳細については、Douglas Crockford の JavaScript アンケートをご覧ください。


  1. JavaScript ハッシュ テーブル – JS での連想配列ハッシュ

  2. jQuery を使用する (しない) 方法

  3. MDN を読んでいるときに発見した 3 つの入力要素のプロパティ