我在 JavaScript 中有一个 json 对象,我想在其中获取使用过的键。我的 JavaScript 代码如下所示:
var jsonData = [{"person":"me","age":"30"},{"person":"you","age":"25"}];
我想要一个循环来提醒我 'person' 和 'age',它们是 json-Array 中第一个对象的键。
我在 JavaScript 中有一个 json 对象,我想在其中获取使用过的键。我的 JavaScript 代码如下所示:
var jsonData = [{"person":"me","age":"30"},{"person":"you","age":"25"}];
我想要一个循环来提醒我 'person' 和 'age',它们是 json-Array 中第一个对象的键。
var jsonData = [{"person":"me","age":"30"},{"person":"you","age":"25"}];
for(var i in jsonData){
var key = i;
var val = jsonData[i];
for(var j in val){
var sub_key = j;
var sub_val = val[j];
console.log(sub_key);
}
}
编辑
var jsonObj = {"person":"me","age":"30"};
Object.keys(jsonObj); // returns ["person", "age"]
Object
有一个property
keys
,Array
从中返回一个键Object
支持 Chrome、FF 和 Safari Object.keys
[你所拥有的只是一个对象,而不是“json-object”。JSON是一种文本符号。您引用的是使用数组初始值设定项和对象初始值设定项(又名“对象文字语法”)的JavaScript 代码。]
如果您可以依赖 ECMAScript5 功能可用,您可以使用该Object.keys
函数获取对象中的键(属性名称)数组。所有现代浏览器都有Object.keys
(包括 IE9+)。
Object.keys(jsonData).forEach(function(key) {
var value = jsonData[key];
// ...
});
这个答案的其余部分写于 2011 年。在当今世界,A) 除非您需要支持 IE8 或更早版本 (!),否则您不需要对其进行 polyfill,并且 B) 如果您这样做了,您就不会这样做您自己写的或从 SO 答案中获取的一次性(可能也不应该在 2011 年有)。您将使用es5-shim
精选的 polyfill ,可能来自或通过诸如 Babel 之类的转译器,可以将其配置为包含 polyfill(可能来自es5-shim
)。
以下是 2011 年的其余答案:
请注意,较旧的浏览器不会有它。如果没有,这是您可以自己提供的其中之一:
if (typeof Object.keys !== "function") {
(function() {
var hasOwn = Object.prototype.hasOwnProperty;
Object.keys = Object_keys;
function Object_keys(obj) {
var keys = [], name;
for (name in obj) {
if (hasOwn.call(obj, name)) {
keys.push(name);
}
}
return keys;
}
})();
}
它使用一个for..in
循环(此处有更多信息)来遍历对象具有的所有属性名称,并用于Object.prototype.hasOwnProperty
检查该属性是否由对象直接拥有而不是被继承。
(我可以在没有自执行函数的情况下完成它,但我更喜欢我的函数有名称,并且为了与 IE 兼容,你不能使用命名函数表达式[好吧,不是没有非常小心]。所以自执行函数是为了避免函数声明创建全局符号。)
工作代码
var jsonData = [{person:"me", age :"30"},{person:"you",age:"25"}];
for(var obj in jsonData){
if(jsonData.hasOwnProperty(obj)){
for(var prop in jsonData[obj]){
if(jsonData[obj].hasOwnProperty(prop)){
alert(prop + ':' + jsonData[obj][prop]);
}
}
}
}