jQuery:按类循环遍历元素并创建关联数组

Question

我有一个元素的变量列表，需要成对获取它们的名称和值(关联数组或对象(。

到目前为止，我有以下内容，但如何为每个元素创建名称和值对？

var names = [];
var values = [];
$('.modalField').each(function() {
fieldName = $(this).attr('name');
fieldVal = $(this).val();

names.push(fieldName);
values.push(fieldVal);
});

感谢您的帮助，
Tom

Answer 1

使用括号表示法。

var assoc = {};
$('.modalField').each(function() {
let fieldName = $(this).attr('name');
let fieldVal = $(this).val();
assoc[fieldName] = fieldVal;
});

(此外，您应该在函数中使用let/var/const初始化变量，这样它们就不会泄漏到全局范围中。(

Answer 2

类似的东西？

var fields = [];
$('.modalField').each(function() {
var name = $(this).attr('name');
var value = $(this).val();

fields.push({ name, value });
});
console.log(fields);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<input class="modalField" name="n1" value="v1" />
<input class="modalField" name="n2" value="v2" />
<input class="modalField" name="n3" value="v3" />
</div>

输出：

[
{
"name": "n1",
"value": "v1"
},
{
"name": "n2",
"value": "v2"
},
{
"name": "n3",
"value": "v3"
}
]

Answer 3

不使用名称&值数组，我建议您创建一个对象。

var obj ={};
$('.modalField').each(function() {
obj[$(this).attr('name')] = $(this).val();

});

因此，通过这种方式，您将拥有这样的对象(名称仅用作示例(：{"name1"："val1"，"name2"："val 2"，"name 3"："val3"}

Answer 4

您说名称值，但似乎想要一个对象

你可以做任何

// Object
const obj = {};
$('.modalField').each(function() {
const fieldName = $(this).attr('name');
const fieldVal = $(this).val();
obj[fieldName] = fieldVal
});
console.log(obj)
// OR Name-Value pair

const arr = $('.modalField').map(function() {
return {
[$(this).attr('name')]: $(this).val()
}
}).get()

console.log(arr)

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input name="a" value="1" class="modalField" />
<input name="b" value="2" class="modalField" />
<input name="c" value="3" class="modalField" />
<input name="d" value="4" class="modalField" />