如果我有一个JS对象,例如:
var foo = { 'bar' : 'baz' }
如果我知道foo
具有基本的键/值结构,但不知道键的名称,我怎样才能得到它? for ... in
? $.each()
?
for 循环在对象内部迭代:
for(var i in foo){
alert(i); // alerts key
alert(foo[i]); //alerts key's value
}
或
Object.keys(foo)
.forEach(function eachKey(key) {
alert(key); // alerts key
alert(foo[key]); // alerts value
});
您可以单独访问每个密钥,而无需迭代,如下所示:
var obj = { first: 'someVal', second: 'otherVal' };
alert(Object.keys(obj)[0]); // returns first
alert(Object.keys(obj)[1]); // returns second
如果你想得到所有的键,ECMAScript 5 引入了Object.keys
。这仅由较新的浏览器支持,但 MDC 文档提供了另一种实现(顺便说一句,它也使用 for...in
(:
if(!Object.keys) Object.keys = function(o){
if (o !== Object(o))
throw new TypeError('Object.keys called on non-object');
var ret=[],p;
for(p in o) if(Object.prototype.hasOwnProperty.call(o,p)) ret.push(p);
return ret;
}
当然,如果您同时想要键和值,那么for...in
是唯一合理的解决方案。
给定您的对象:
var foo = { 'bar' : 'baz' }
要获得bar
,请使用:
Object.keys(foo)[0]
要获得baz
,请使用:
foo[Object.keys(foo)[0]]
假设单个对象
这是最简单易行的方法。这就是我们的做法。
var obj = { 'bar' : 'baz' }
var key = Object.keys(obj)[0];
var value = obj[key];
console.log("key = ", key) // bar
console.log("value = ", value) // baz
Object.keys(( 是 javascript 方法,在对象上使用时返回一个键数组。
Object.keys(obj) // ['bar']
现在,您可以迭代对象并可以访问如下所示的值-
Object.keys(obj).forEach( function(key) {
console.log(obj[key]) // baz
})
给你一个行:
const OBJECT = {
'key1': 'value1',
'key2': 'value2',
'key3': 'value3',
'key4': 'value4'
};
const value = 'value2';
const key = Object.keys(OBJECT)[Object.values(OBJECT).indexOf(value)];
window.console.log(key); // = key2
// iterate through key-value gracefully
const obj = { a: 5, b: 7, c: 9 };
for (const [key, value] of Object.entries(obj)) {
console.log(`${key} ${value}`); // "a 5", "b 7", "c 9"
}
参考 MDN
我遇到了同样的问题,这就是有效的
//example of an Object
var person = {
firstName:"John",
lastName:"Doe",
age:50,
eyeColor:"blue"
};
//How to access a single key or value
var key = Object.keys(person)[0];
var value = person[key];
获取对象键/值的最佳方法。
let obj = {
'key1': 'value1',
'key2': 'value2',
'key3': 'value3',
'key4': 'value4'
}
Object.keys(obj).map(function(k){
console.log("key with value: "+k +" = "+obj[k])
})
除了for (var key in foo)
之外,我没有看到任何其他内容.
既然你提到了$.each()
,这里有一个方便的方法可以在jQuery 1.6+中使用:
var foo = { key1: 'bar', key2: 'baz' };
// keys will be: ['key1', 'key2']
var keys = $.map(foo, function(item, key) {
return key;
});
最简单的方法是只使用下划线.js:
钥匙
_.键(对象(检索对象属性的所有名称。
_.keys({一:1,二:2,三:3}(;=> ["一"、"二"、"三"]
是的,你需要一个额外的库,但它是如此简单!
访问 JavaScript 中对象或地图中的键的每个循环
for(key in foo){
console.log(key);//for key name in your case it will be bar
console.log(foo[key]);// for key value in your case it will be baz
}
注意:您也可以使用
Object.keys(foo(;
它会给你这样的输出:
[酒吧];
Object.keys((Object.keys(( 方法返回给定对象自己的可枚举属性的数组,其顺序与 for...in 循环(区别在于 for-in 循环也枚举原型链中的属性(。
var arr1 = Object.keys(obj);
对象值((Object.values(( 方法返回给定对象自己的可枚举属性值的数组,其顺序与 for...in 循环(区别在于 for-in 循环也枚举原型链中的属性(。
var arr2 = Object.values(obj);
欲了解更多信息,请访问此处
除了for ... in
之外别无他法。如果你不想使用它(parhaps,因为必须在每次迭代中测试hasOwnProperty
效率低下?(,那么使用不同的结构,例如kvp数组:
[{ key: 'key', value: 'value'}, ...]
好吧,$.each
是一个库构造,而for ... in
是本机js,这应该更好
您可以使用 Object.keys 功能来获取如下键:
const tempObjects={foo:"bar"}
Object.keys(tempObjects).forEach(obj=>{
console.log("Key->"+obj+ "value->"+tempObjects[obj]);
});
要显示为字符串,只需使用:
console.log("they are: " + JSON.stringify(foo));
如果您使用的是 AWS CloudFront Functions,那么这将适合您。
function handler(event) {
var response = event.response;
var headers = response.headers;
if("x-amz-meta-csp-hash" in headers){
hash=headers["x-amz-meta-csp-hash"].value;
console.log('hash is ' + hash);
}
}
可读且简单的解决方案:
const object1 = {
first: 'I am first',
second: 'I am second'
};
for (const [key, value] of Object.entries(object1)) {
console.log(`${key}: ${value}`);
}
// expected output:
// "first: I am first"
// "second: I am second"