我有一个包含对象和数组的嵌套数据结构。我如何提取信息，即访问一个特定的或多个值(或键)?
例如:
var data = {
code: 42,
items: [{
id: 1,
name: 'foo'
}, {
id: 2,
name: 'bar'
}]
};
我如何访问项目中的第二个项目的名称?
当前回答
您可以通过这种方式访问它
data.items[1].name
or
data["items"][1]["name"]
两边相等。
其他回答
你可以使用lodash _get函数:
var object = { 'a': [{ 'b': { 'c': 3 } }] };
_.get(object, 'a[0].b.c');
// => 3
要访问嵌套属性，需要指定其名称，然后搜索对象。
如果你已经知道确切的路径，那么你可以像这样在你的脚本中硬编码它:
data['items'][1]['name']
这些也有用——
data.items[1].name
data['items'][1].name
data.items[1]['name']
如果您事先不知道确切的名称，或者用户是为您提供名称的人。然后需要动态搜索数据结构。有些人建议可以使用for循环来完成搜索，但是有一种非常简单的方法可以使用Array.reduce遍历路径。
const data = { code: 42, items: [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }] }
const path = [ 'items', '1', 'name']
let result = path.reduce((a,v) => a[v], data)
路径的意思是:首先获取带有关键项的对象，它恰好是一个数组。然后取第1个元素(0个索引数组)。最后取该数组元素中键名的对象，恰好是字符串bar。
如果路径很长，甚至可以使用String。分开让这一切更容易-
'items.1.name'.split('.').reduce((a,v) => a[v], data)
这只是简单的JavaScript，没有使用任何第三方库，如jQuery或lodash。
var ourStorage = {
"desk": {
"drawer": "stapler"
},
"cabinet": {
"top drawer": {
"folder1": "a file",
"folder2": "secrets"
},
"bottom drawer": "soda"
}
};
ourStorage.cabinet["top drawer"].folder2; // Outputs -> "secrets"
or
//parent.subParent.subsubParent["almost there"]["final property"]
基本上，在它下面展开的每个后代之间使用一个点，当你有由两个字符串组成的对象名称时，你必须使用["obj Name"]符号。否则，只要一个点就足够了;
来源:https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-objects
在此基础上，访问嵌套数组将如下所示:
var ourPets = [
{
animalType: "cat",
names: [
"Meowzer",
"Fluffy",
"Kit-Cat"
]
},
{
animalType: "dog",
names: [
"Spot",
"Bowser",
"Frankie"
]
}
];
ourPets[0].names[1]; // Outputs "Fluffy"
ourPets[1].names[0]; // Outputs "Spot"
来源:https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/basic-javascript/accessing-nested-arrays/
另一份描述上述情况的更有用的文件: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects/Basics#Bracket_notation
通过点走访问属性:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_Accessors#Dot_notation
如果你愿意包含一个库，使用JSONPath将是最灵活的解决方案之一: https://github.com/s3u/JSONPath(节点和浏览器)
对于你的用例，json路径是:
$..items[1].name
so:
var secondName = jsonPath.eval(data, "$..items[1].name");
我更喜欢JQuery。它更干净，更容易阅读。
$.each($.parseJSON(data), function (key, value) {
alert(value.<propertyname>);
});
