向对象添加元素

11 浏览
0 Comments

向对象添加元素

我需要填充一个json文件，现在我有这样的内容：{\"element\":{\"id\":10,\"quantity\":1}}，我需要添加另一个\"element\"。我的第一步是使用cart = JSON.parse将json转化为一个对象类型，现在我需要添加新的元素。我想我必须使用cart.push来添加另一个元素，我尝试了以下代码：var element = {};element.push({ id: id, quantity: quantity });cart.push(element);但是当我尝试使用element.push时，我得到了\"对象没有push方法\"的错误，而且我觉得我做错了很多事情，因为我没有在任何地方告诉\"element\"。我该如何做呢？\n编辑：对不起，我非常混乱。\n我以为从JSON.parse获取的数据只能是对象类型，但实际上是我在第一次将其放入JSON时得到的内容。\n将数组替换为对象解决了我的问题，我也使用了这里得到的许多建议，非常感谢大家的帮助！

0

3 答案

0 Comments

添加元素到对象的问题是因为当使用Object.assign方法时，会覆盖已存在的元素。这个问题可以通过给每个元素添加唯一的名称来解决。

下面是解决方法的代码：

var ElementList = {}
function addElement (ElementList, element) {
    let newName = "element" + Object.keys(ElementList).length
    let newElement = {}
    newElement[newName] = element
    let newList = Object.assign(ElementList, newElement)
    return newList
}
console.log(ElementList)

输出结果为：

{"element0":{"id":10,"quantity":1},"element1":{"id":11,"quantity":2}}

这样，每个元素都会有一个唯一的名称，不会被覆盖。

0
0 Comments

添加元素到对象的问题出现的原因是，使用{}定义的JavaScript对象没有push()方法。要向这样的对象添加新项，可以使用以下语法：

element[yourKey] = yourValue

。

解决方法是使用element[yourKey] = yourValue的方式来添加元素到对象中。例如：

let element = {} // 创建一个空对象
/* --- 向对象中添加内容 --- */
element['active'] = true // 'active'为键，'true'为值
console.log(element) // 期望结果 -> {type: true}
element['state'] = 'slow' // 'state'为键，'slow'为值
console.log(element) // 期望结果 -> {type: true, state: 'slow'}

另外，如果将对象定义为数组（使用[]而不是{}），则可以使用push()方法添加新元素。

element[ yourKey ] = yourValue;是向对象添加元素的最佳方式。但是使用element[ yourKey ] = yourValue;无法保证元素的顺序。

element[ yourKey ] = yourValue;只是将当前元素设置为指定值，而不是向元素添加值。

如果想要添加重复的元素，可以使用element[ yourkey ] = [ element{yourkey], yourNewValue ];的方式。

要检查新键是否已经存在于对象中，可以使用JavaScript的undefined来判断。只需要编写if (element[key] != undefined)来检查键是否存在。

0
0 Comments

问题出现的原因是element不是一个数组，但是cart需要是一个数组才能支持多个元素对象。解决方法是将element包装成一个对象再添加到cart中。

代码示例：

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);

如果想要cart是一个形如`{ element: { id: 10, quantity: 1} }`的对象数组，则可以执行以下操作：

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push({element: element});

在评论中提到了`JSON.stringify()`的问题，可以通过`JSON.stringify()`将cart转换为字符串。

如果cart是一个对象数组，仍然可以将其转换为字符串。

但是，如果基本数据类型是对象，那么在操作之前将其转换为数组，再添加元素，最后再转换为字符串可能不是一个好的解决方法。

出现对象只有最后一个元素的问题，解决方法是在for循环内部创建一个新的element对象，然后将其正确添加到数组中。

如果你重复使用同一个element对象，并且每次都用新值重新填充它的键，那么你会修改同一个element实例，并将其多次推入数组中。在添加每个元素时，只需使用一个新的element对象即可，这就是你在for循环的范围内所做的。

Article:

问题：如何将元素添加到对象中？

在某些情况下，我们需要将元素添加到对象中。然而，在添加元素之前，我们需要确保对象是一个数组，以支持多个元素对象。下面是一个代码示例：

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push(element);

在上述代码中，我们将元素添加到cart对象中。但是，如果我们希望cart是一个包含元素对象的数组，并且每个元素对象的形式为`{ element: { id: 10, quantity: 1} }`，我们可以执行以下操作：

var element = {}, cart = [];
element.id = id;
element.quantity = quantity;
cart.push({element: element});

在上述代码中，我们将element对象包装成一个包含element属性的对象，并将其添加到cart数组中。

此外，如果我们想要将cart对象转换为字符串，我们可以使用`JSON.stringify()`方法。但是，即使cart是一个对象数组，我们仍然可以将其转换为字符串。

然而，如果我们的初始数据是一个对象类型，例如通过`cart = JSON.parse(jsonfile)`将JSON字符串解析为对象，将其转换为数组，添加元素，最后再转换为字符串可能不是一个好的解决方法。

另外，有时我们会遇到对象中只有最后一个元素的值的问题。解决方法是在for循环内部创建一个新的element对象，并将其正确添加到数组中。这样，我们就可以确保每个元素都是一个独立的对象，避免了重复修改同一个对象的问题。

在添加元素到对象中时，我们需要确保对象是一个数组，并且每个元素对象都是独立的。我们可以使用`push()`方法将元素添加到数组中，或者将元素包装成一个包含属性的对象，并将其添加到数组中。同时，我们可以使用`JSON.stringify()`方法将对象数组转换为字符串，但是在操作之前需要确保数据类型是正确的。

0