How to push array object element in object array in jQuery

Question

I am trying to create customized product order in this I need to store all selected options store in the JSON.

like this

let attr = [{
        fabric: 'Bargandi Check',
        style:[{
                 Jacket lapels: 'Notch'
        }],
    }];

selector image for understanding batter

I want when user select any of these options I will store in JSON when a user updates any of option it will update in the JSON object and when user select the new option it will add in JSON

like this

let attr = [{
        fabric: 'Bargandi Check',
        style:[{
                 Jacket lapels: 'Notch',
                 Lapel width: 'Slim' // this
        }],
    }];

There's no such thing as a "JSON Object"

Andreas
– Andreas

2021-10-19 10:31:52 +00:00
Commented Oct 19, 2021 at 10:31 — Andreas
– Andreas, Commented Oct 19, 2021 at 10:31
stackoverflow.com/a/1957930/14561188 hope this may help

zacknight95
– zacknight95

2021-10-19 10:33:50 +00:00
Commented Oct 19, 2021 at 10:33 — zacknight95
– zacknight95, Commented Oct 19, 2021 at 10:33

AnanthDev · Accepted Answer · 2021-10-19 10:49:49Z

0

You cannot "push" an element into a Javascript object. but you can either use the dot operator or square brackets to access an existing property / rewrite property / assign property

const obj = { name: 'ed', age: '16' };

// rewriting an existing property
obj["age"] = 20; 
obj["name"] = 'edward'; 

console.log(obj["skill"]); // will be undefined
obj["skill"] = "Javascript"; // setting it as a new property

obj["list"] = []; // the list property is an array

obj["list"].push(1); // now i can use push because its an array
console.log(obj);

One more thing, javascript properties cannot have blank spaces, but you can seperate it with a hyphen or an underscore

"An object property name can be any valid JavaScript string, or anything that can be converted to a string, including the empty string. However, any property name that is not a valid JavaScript identifier (for example, a property name that has a space or a hyphen, or that starts with a number) can only be accessed using the square bracket notation" - MDN

Your Corrected Object

let attr = [{
    fabric: 'Bargandi Check',
    style: [{
        Jacket_lapels: 'Notch',
        Lapel_width: 'Slim' // this
    }],
}];


const found = attr.find(x => x.fabric == 'Bargandi Check');
found.style[0].Lapel_width = 'Thick' // this will rewrite the width property to "thick"

console.log(attr);

edited Oct 19, 2021 at 10:49

answered Oct 19, 2021 at 10:44

AnanthDev

1,8381 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Muhammed saad Over a year ago

I am very thankful to you for my helping. but I don't need it find(x => x.fabric == 'Bargandi Check');

AnanthDev Over a year ago

ah okay, glad to help :) please consider marking the answer as a correct one if it helped you

Collectives™ on Stack Overflow

How to push array object element in object array in jQuery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related