JS获取对象键值对中key值的⽅法
使⽤Object.keys
Object.keys( ) 会返回⼀个数组,数组中是这个对象的key值列表
所以只要Object.keys(a)[0], 就可以得只包含⼀个键值对的key值
下⾯是MDN中对Object.keys的描述
Object.keys() ⽅法会返回⼀个由⼀个给定对象的⾃⾝可枚举属性组成的数组,数组中属性名的排列顺序和使⽤循环遍历该对象时返回的顺序⼀致(两者的主要区别是⼀个 for-in 循环还会枚举其原型链上的属性)
语法
Object.keys(obj)
参数
obj
要返回其枚举⾃⾝属性的对象。
返回值
⼀个表⽰给定对象的所有可枚举属性的字符串数组。
描述
Object.keys返回⼀个所有元素为字符串的数组,其元素来⾃于从给定的object上⾯可直接枚举的属性。这些属性的顺序与⼿动遍历该对象属性时的⼀致。
例⼦
// simple array
var arr =['a', 'b', 'c'];
console.log(Object.keys(arr));// console: ['0', '1', '2']
// array like object
var obj ={ 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.keys(obj));// console: ['0', '1', '2']
// array like object with random key ordering
原生js和js的区别var anObj ={ 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj));// console: ['2', '7', '100']
// getFoo is a property which isn't enumerable
var myObj = ate({},{
getFoo:{
value: function (){ return this.foo;}
}
});
myObj.foo = 1;
console.log(Object.keys(myObj));// console: ['foo']
如果你想获取⼀个对象的所有属性,,甚⾄包括不可枚举的,请查看。
注意
在ES5⾥,如果此⽅法的参数不是对象(⽽是⼀个原始值),那么它会抛出 TypeError。在ES2015中,⾮对象的参数将被强制转换为⼀个对象。
Object.keys("foo");
// TypeError: "foo" is not an object (ES5 code)
Object.keys("foo");
// ["0", "1", "2"]                  (ES2015 code)
Polyfill
要在原⽣不⽀持的旧环境中添加兼容的Object.keys,请复制以下代码段:
if (!Object.keys){
Object.keys =(function (){
var hasOwnProperty = Object.prototype.hasOwnProperty,
hasDontEnumBug =!({toString: null}).propertyIsEnumerable('toString'),
dontEnums =[
'toString',
'toLocaleString',
'valueOf',
'hasOwnProperty',
'isPrototypeOf',
'propertyIsEnumerable',
'constructor'
],
dontEnumsLength = dontEnums.length;
return function (obj){
if (typeof obj !== 'object' && typeof obj !== 'function' || obj === null) throw new TypeError('Object.keys called on non-object');
var result =[];
for (var prop in obj){
if (hasOwnProperty.call(obj, prop)) result.push(prop);
}
if (hasDontEnumBug){
for (var i=0; i < dontEnumsLength; i++){
if (hasOwnProperty.call(obj, dontEnums[i])) result.push(dontEnums[i]);
}
}
return result;
}
})()
};
上⾯的代码在IE7(也许IE8也是)下有个问题,就是如果传⼊⼀个来⾃其他 window 对象下的对象时,不可枚举的属性也会获取到。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。