javascript - 访问 javascript/jquery 中存储在数组中的对象的属性

Question

在我的 JavaScript 代码中，我有对象变量 a、b 和 c，它们各自包含属性 x、y 和 z。这些都是以通常的方式构建的:

var a = {
    x: 'foo',
    y: 'bar',
    z: 'foobar'
};

就我的项目而言，对象 a、b 和 c 存储在数组中:

var array = [a, b, c];

计划是能够根据需要从该数组中提取给定的对象属性，但我无法使其工作。我可以通过调用 a.x 通常提取对象属性，但尝试检索 array[0] 只能得到“[object Object]”，而 array[0].x 返回未定义。我也尝试过“array[0][0]”，但这只返回“[object Object]”的第一个字符。

毫无疑问这是基本的东西，但我很困惑。有人可以纠正我吗？

编辑:忘记指出我的对象的属性是字符串。抱歉。

编辑2:每个人都说我的代码没有问题是正确的:它实际上按照我所描述的方式工作。那么，看起来令人烦恼的是，在填充之后，我的数组被保存在 localStorage 中，然后检索，然后我尝试在检索后访问它。我需要重新考虑我的数据保存策略。

Answer 1

您仍然可以使用localStorage，只需在存储之前使用JSON.stringify()，然后使用JSON.parse()检索后。

// Setting an item in localStorage
localStorage.setItem("arrItem", JSON.stringify(array));
// Getting an item in localStorage
var array = JSON.parse(localStorage.getItem("arrItem"));
// Will properly log "foo"
console.log(array[0].x);