Question

我正在通过'checkbox'类型的几个输入元素进行循环。之后，我将值和检查属性添加到数组中。这是我的代码：

var stuff = {};
$('form input[type=checkbox]').each(function() {
    stuff[$(this).attr('value')] = $(this).attr('checked');
});

这很好用，但我只是想知道我是否能用Jquery中的.push（）方法做同样的事情？

我尝试过类似的东西，但它不起作用：

stuff.push( {$(this).attr('value'):$(this).attr('checked')} );

修改

我试图在Object上使用.push（）方法，但.push（）实际上只是一个Array Object的方法。

Answer 1

.push() 是 Built-in Array Object

的一种方法

它与jQuery无关。

您正在使用

定义文字对象

// Object
var stuff = {};

您可以像这样定义文字数组

// Array
var stuff = [];

然后

stuff.push(element);

数组实际上从其父对象继承了它们的括号语法stuff[index]。这就是为什么你能够像第一个例子那样使用它。

这通常用于动态访问属性的轻松反射

stuff = {}; // Object

stuff['prop'] = 'value'; // assign property of an 
                         // Object via bracket syntax

stuff.prop === stuff['prop']; // true

Answer 2

stuff是一个对象，push是一个数组的方法。 因此您无法使用stuff.push(..)。

假设您将stuff定义为数组stuff = []; ，那么您可以在其上调用push方法。

这是有效的，因为对象[key / value]格式正确。

stuff.push( {'name':$(this).attr('checked')} );

然而这不起作用，因为对象形成不良。

stuff.push( {$(this).attr('value'):$(this).attr('checked')} );

这是有效的，因为我们将stuff视为关联数组并为其添加值

stuff[$(this).attr('value')] = $(this).attr('checked');

Answer 3

所以很容易）））

注意这个......

    var stuff = {};
    $('input[type=checkbox]').each(function(i, e) {
        stuff[i] = e.checked;
    });

你将拥有：

Object {0: true, 1: false, 2: false, 3: false}

或者：

$('input[type=checkbox]').each(function(i, e) {
    stuff['row'+i] = e.checked;
});

你将拥有：

Object {row0: true, row1: false, row2: false, row3: false}

或者：

$('input[type=checkbox]').each(function(i, e) {
    stuff[e.className+i] = e.checked;
});

你将拥有：

Object {checkbox0: true, checkbox1: false, checkbox2: false, checkbox3: false}

Answer 4

另一种方法是：

stuff = Object.assign(stuff, {$(this).attr('value'):$(this).attr('checked')});

在此处了解更多信息：Object.assign()

Answer 5

这很简单：实施例

//my object
var sendData = {field1:value1, field2:value2};

//add element
sendData['field3'] = value3;

通过.push（）方法将对象添加到对象

5 个答案: