how to create json object in angular js

Question

this.addToCart = function(id,name,category,price) {
    alert(id+"name"+name);

    var eachProduct = [
        {
            "name": name,
            "id": id,
            "category":category,
            "price":price
        }


    ];
    alert(eachProduct.name);//I am getting undefine
    addedProductsList.push(eachProduct);

    sessionStorage.setItem("addedProductsList", addedProductsList);

    return "success";
};

How to pass the function parameters to each product?

eachProduct is declared as an array, and you have one item in it. Try eachProduct[0].name. If you didn't intend 'eachProduct' to be an array, then remove the square brackets: []; then you can do eachProduct.name. — Michael Kang
– Michael Kang, Commented Jun 9, 2014 at 7:08

Ronald91 · Accepted Answer · 2014-06-09 13:32:30Z

14

As Abdul has pointed out you have a JSON array and you want a JSON object, there you need

  var eachProduct = 
                     {
                         "name": name,
                         "id": id,
                         "category":category,
                         "price":price
                     };

Now alert(eachProduct.name); will return name. And I assume by "How to pass the function parameters to the each product" you mean add an attribute to your JSON object. To do this you you would have

eachProduct["someAttribute"]='"value":someValue';

answered Jun 9, 2014 at 13:32

Ronald91

1,7861 gold badge15 silver badges23 bronze badges

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

Comments

Abdul Fatir · Accepted Answer · 2014-06-09 07:09:59Z

1

You have declared eachProduct as an array, you need to use eachProduct[0].name instead.

answered Jun 9, 2014 at 7:09

Abdul Fatir

6,4075 gold badges33 silver badges61 bronze badges

2 Comments

sam Over a year ago

how to push eachProduct array into addedProductList array and how to retrieve it from the storage and get eachProduct name

Abdul Fatir Over a year ago

did you try addedProductsList.push(eachProduct[0]);

V31 · Accepted Answer · 2014-06-09 07:25:17Z

1

You can use forEach to iterate through the array. Please find the jsFiddle working on your example.

Snippet of code:

eachProduct.forEach(function(obj){
  alert(obj.name);
});

answered Jun 9, 2014 at 7:25

V31

7,6643 gold badges28 silver badges44 bronze badges

Collectives™ on Stack Overflow

how to create json object in angular js

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related