How to create dynamic object attributes from Ajax response in Javascript

Question

I'm using Ajax in order to get a list of items of an inventory, I would like to have an object named inventory and then create attributes named as the items of the response, so that means if I insert more items in my database I wouldn't need to hard code the elements of the object in my javascript file. Right now I'm able to create the object, but I can't access de dynamically created attributes and their values. I would like to alter the values with some user Input like pressing a button.

I've tried to use a Dictionary and searched but that didn't seem to work

var inventory = {};
  $.ajax({
url:"phpf/getItems.php",
type:"POST",
data:{},
success: function (data) {
  var result = JSON.parse(data);
  for (var index = 0; index < result.length; index++) {
    var str = String(result[index][0]);
    inventory[str] = 5;
  }
}
});
console.log(inventory["Cookies"]);
console.log(inventory[0]);

I would like to access the information of the object like inventory["something"] but console says it's undefined, and when I try to add the value to another number it says NAN as result

Nicolas · Accepted Answer · 2019-10-22 23:58:47Z

1

You can already access your data parsed from your JSON.parse, it returns an object so it can be called using the ['key'] accessor :

let json = '{"key1": 2, "key2": "test"}';
let values = JSON.parse(json);
console.log(values.key1);
console.log(values['key2']);

answered Oct 22, 2019 at 23:58

Nicolas

8,7364 gold badges25 silver badges58 bronze badges

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

Comments

Sammy Tang · Accepted Answer · 2019-10-23 00:09:08Z

0

Inventory is an object, so you want to access keys and values in your object using dot notation.

let inventory = 
{
   item1: "Cookie",
   item2: "Cake"
}
inventory.item3 = "Brownies";

console.log(inventory.item1);
console.log(inventory.item2);
console.log(inventory.item3);

Also to loop through an object you want to go like so:

for (var key in object) {
    //your code here
}

edited Oct 23, 2019 at 0:09

answered Oct 23, 2019 at 0:02

Sammy Tang

233 bronze badges

Collectives™ on Stack Overflow

How to create dynamic object attributes from Ajax response in Javascript

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related