javascript - JavaScript オブジェクトでキーを動的に作成する

Question

セレクターを使用してJavaScriptオブジェクトにキーを動的に作成しようとしています:jQuery

{
  $("form").children("input[type=hidden]").attr("name"): $("form").children("input[type=hidden]").val()
}

これは壊れています。この方法でキーを動的に作成することは可能ですか?

Answer 1

次の 2 つのステートメントで実行できます。

var obj = {};
obj[$("form").children("input[type=hidden]").attr("name")]
    = $("form").children("input[type=hidden]").val();

jQuery セットの再作成を避けるために、個人的には次のように記述します。

var obj = {}, $obj = $("form").children("input[type=hidden]");
obj[$obj.attr("name")] = $obj.val();

これは、jQuery セットに要素が 1 つだけ含まれている場合にのみ意味があることにも注意してください。

Answer 2

一度に複数のフィールドで機能させることもできます。

var obj = {};
$('form > input[type="hidden"]').each(function (i, el) {
    obj[el.name] = el.value;
});

隠しフィールドが1つしかない場合の、もう1つのより凝ったバージョン：

var obj = $('form > input[type="hidden"]').serializeArray()[0];