向对象添加元素

2020/10/12 11:01 · javascript ·  · 0评论

我需要填充一个json文件,现在我有了类似的东西:

{"element":{"id":10,"quantity":1}}

我需要添加另一个“元素”。我的第一步是使用将该json放入Object类型cart = JSON.parse,现在我需要添加新元素。我以为我必须使用cart.push添加另一个元素,我尝试了这个:

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

但是,当我尝试执行操作时element.push出现错误“对象没有方法推送” ,并且我认为我做错了什么,因为我没有在任何地方告诉“元素”。

我怎样才能做到这一点?

编辑:对不起,我的脑子里有些混乱。

我以为从中获取数据时只能获得对象类型JSON.parse,但首先得到的是JSON中的内容。

用数组代替对象解决了我的问题,我也使用了很多建议,谢谢大家!

您的元素不是数组,但是购物车必须是数组才能支持许多元素对象。代码示例:

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

如果您希望购物车是表单中的对象数组,请{ element: { id: 10, quantity: 1} }执行以下操作:

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

JSON.stringify() 在评论中被提及为关注点:

>> JSON.stringify([{a: 1}, {a: 2}]) 
      "[{"a":1},{"a":2}]" 

与那排

var element = {};

您定义element为一个普通对象。本机JavaScript对象没有push()方法。要将新项目添加到普通对象,请使用以下语法:

element[ yourKey ] = yourValue;

另一方面,您可以element使用

var element = [];

然后,您可以使用添加元素push()

如果购物车必须存储为对象而不是数组(尽管我建议存储为[]),则始终可以更改结构以将ID用作键:

var element = { quantity: quantity };
cart[id] = element;

这样,您可以将多个商品添加到购物车中,如下所示:

cart["1"] = { quantity: 5};
cart["2"] = { quantity: 10};

// Cart is now:
// { "1": { quantity: 5 }, "2": { quantity: 10 } }

附加到对象使用 Object.assign

var ElementList ={}

function addElement (ElementList, element) {
    let newList = Object.assign(ElementList, element)
    return newList
}
console.log(ElementList)

输出:

{“ element”:{“ id”:10,“ quantity”:1},“ element”:{“ id”:11,“ quantity”:2}}

如果有帮助,我正在阅读与此尝试相关的内容。

1.在对象内部定义推送功能。

let obj={push:function push(element){ [].push.call(this,element)}};

现在您可以像数组一样推送元素

obj.push(1)
obj.push({a:1})
obj.push([1,2,3])

这将产生这个物体

obj={
 0: 1
 1: {a: 1}
 2: (3) [1, 2, 3]
 length: 3
}

注意元素被添加了索引,并且还看到有一个新的length属性被添加到对象中,这对于查找对象的长度也很有用,这是因为push()函数的通用性

您应该用var element = [];

javascript
{}是一个空对象,并且[]是一个空数组。

cart.push({"element":{ id: id, quantity: quantity }});
function addValueInObject(object, key, value) {
    var res = {};
    var textObject = JSON.stringify(object);
    if (textObject === '{}') {
        res = JSON.parse('{"' + key + '":"' + value + '"}');
    } else {
        res = JSON.parse('{' + textObject.substring(1, textObject.length - 1) + ',"' + key + '":"' + value + '"}');
    }
    return res;
}

此代码有效。

在原始对象中添加新的key / pair元素:

const obj = { a:1, b:2 }
const add = { c:3, d:4, e: ['x','y','z'] }

Object.entries(add).forEach(([key,value]) => { obj[key] = value })

obj新值:

{a: 1, b: 2, c: 3, d: 4, e: ["x", "y", "z"] }

尝试这个:

var data = [{field:"Data",type:"date"},  {field:"Numero",type:"number"}];

var columns = {};

var index = 0;

$.each(data, function() {

    columns[index] = {
        field : this.field,
        type : this.type
    };

    index++;
});

console.log(columns);

如果有人想创建类似的JSON,而无需将其cart用作数组,则可以这样做:

我有一个对象数组myArr

var myArr = [{resourceType:"myRT",
            id: 1,
            value:"ha"},
            {resourceType:"myRT",
            id: 2,
            value:"he"},
            {resourceType:"myRT",
            id: 3,
            value:"Li"}];

并且我将尝试创建具有以下结构的JSON:

{
 "1":{"resourceType":"myRT","id":"1","value":"ha"},
 "2":{"resourceType":"myRT","id":"2","value":"he"},
 "3":{"resourceType":"myRT","id":"3","value":"Li"}
}

您可以简单地-

var cart = {};
myArr.map(function(myObj){
                    cart[myObj.id]= myObj;
                    });

对于仍在寻找解决方案的任何人,我认为对象应该存储在数组中,例如...

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

然后,当您要将元素用作对象时,可以执行此操作...

var element = cart.find(function (el) { return el.id === "id_that_we_want";});

在“ id_that_we_want”处放置一个变量,并为其提供我们要从数组中获取的元素的ID。返回一个“ elemnt”对象。当然,我们不必通过id即可找到对象。我们可以使用其他任何属性进行查找。

 function addValueInObject(value, object, key) {

        var addMoreOptions = eval('{"'  + key + '":' +  value + '}');

        if(addMoreOptions != null) {
            var textObject = JSON.stringify(object);
            textObject = textObject.substring(1,textObject.length-1);
            var AddElement = JSON.stringify(addMoreOptions);
            object = eval('{' + textObject +','+  AddElement.substring(1,AddElement.length-1) + '}');
        }
        return object;
    }

addValueInObject('sdfasfas', yourObject, 'keyname');

要么:

var obj = {'key':'value'};

obj.key2 = 'value2';

push是数组的一种方法,因此对于对象,您可以获取最后一个元素的索引,并且您可以执行与对对象的push相同的工作,如下所示

var lastIndex = Object.keys(element)[Object.keys(element).length-1];

然后将对象添加到元素的新索引

element[parseInt(lastIndex) +1] = { id: id, quantity: quantity };

如果您不打算在JS中做循环,例如传递给PHP为您做循环

let decision = {}
decision[code+'#'+row] = event.target.value

这个概念可能会有所帮助

这是一个老问题,无论如何,今天的最佳实践是使用Object.defineProperty

const object1 = {};

Object.defineProperty(object1, 'property1', {
  value: 42,
  writable: false
});

object1.property1 = 77;
// throws an error in strict mode

console.log(object1.property1);
// expected output: 42

我的建议是使用其他答案中已经提出的不同数据结构-它允许您压入card.elements并扩展卡属性:

let card = {
  elements: [
    {"id":10,"quantity":1}
  ],

  //other card fields like 'owner' or something...
}

card.elements.push({"id":22,"quantity":3})

console.log(card);
本文地址:http://javascript.askforanswer.com/xiangduixiangtianjiayuansu.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!