9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[JavaScript] 最近知ったカンマ演算子(変数を利用してオブジェクトプロパティを処理したい)

Last updated at Posted at 2015-08-24

本題

JS書いてて、オブジェクトのプロパティに変数を割り当てたいこと、よくありますよね。

CoffeeScriptでは以下のように書けます。

sample.coffee

$ "input"
  .each ->
    _key = $(@).attr "name"
    _val = $(@).val()
    _object = "#{_key}" : _val

コンパイルするとこうなります。

sample.js

$("input").each(function() {
  var _key, _object, _val, obj;
  _key = $(this).attr("name");
  _val = $(this).val();
  return _object = (
    obj = {},
    obj["" + _key] = _val,
    obj
  );
});

最初これをみたとき、なにやってんだろ?と思いましたが
ここで使われているのが、カンマ演算子でした。
パーフェクトJavaScriptにももちろん書いてありました。

参考文献はよく読めってことですね。

ついでに

ES6から、下のような記述が可能になるらしい。

es6.sample
var key = 'hoge';
var obj = { [key]: val };

オブジェクトリテラルのキーに式が使えるようになった

9
9
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
9

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?