JS如何獲取對(duì)象鍵值對(duì)中key值的方法

更新時(shí)間：2023年06月06日 11:11:12 作者：huyao_road

這篇文章主要介紹了JS如何獲取對(duì)象鍵值對(duì)中key值的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教

JS獲取對(duì)象鍵值對(duì)中key值的方法

使用Object.keys

Object.keys( ) 會(huì)返回一個(gè)數(shù)組，數(shù)組中是這個(gè)對(duì)象的key值列表

所以只要Object.keys(a)[0]，就可以得只包含一個(gè)鍵值對(duì)的key值

下面是MDN中對(duì)Object.keys的描述

Object.keys() 方法會(huì)返回一個(gè)由一個(gè)給定對(duì)象的自身可枚舉屬性組成的數(shù)組，數(shù)組中屬性名的排列順序和使用 for...in 循環(huán)遍歷該對(duì)象時(shí)返回的順序一致（兩者的主要區(qū)別是一個(gè) for-in 循環(huán)還會(huì)枚舉其原型鏈上的屬性）

語(yǔ)法

Object.keys(obj)

參數(shù)

obj 要返回其枚舉自身屬性的對(duì)象。

返回值

一個(gè)表示給定對(duì)象的所有可枚舉屬性的字符串?dāng)?shù)組。

描述

Object.keys 返回一個(gè)所有元素為字符串的數(shù)組，其元素來(lái)自于從給定的object上面可直接枚舉的屬性。

這些屬性的順序與手動(dòng)遍歷該對(duì)象屬性時(shí)的一致。

例子

// 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
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 = Object.create({}, {
  getFoo: {
    value: function () { return this.foo; }
  } 
});
myObj.foo = 1;
console.log(Object.keys(myObj)); // console: ['foo']

如果你想獲取一個(gè)對(duì)象的所有屬性,，甚至包括不可枚舉的，請(qǐng)查看Object.getOwnPropertyNames。

注意

在ES5里，如果此方法的參數(shù)不是對(duì)象（而是一個(gè)原始值），那么它會(huì)拋出 TypeError。在ES2015中，非對(duì)象的參數(shù)將被強(qiáng)制轉(zhuǎn)換為一個(gè)對(duì)象。

Object.keys("foo");
// TypeError: "foo" is not an object (ES5 code)
Object.keys("foo");
// ["0", "1", "2"]                   (ES2015 code)

Polyfill

要在原生不支持的舊環(huán)境中添加兼容的Object.keys，請(qǐng)復(fù)制以下代碼段：

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也是）下有個(gè)問(wèn)題，就是如果傳入一個(gè)來(lái)自其他 window 對(duì)象下的對(duì)象時(shí)，不可枚舉的屬性也會(huì)獲取到。

獲取Object鍵值對(duì)對(duì)象的值

1.在后臺(tái)獲取openid是返回的是一個(gè)json格式的Object對(duì)象，如何獲得里面的openid呢？

先把object對(duì)象轉(zhuǎn)換成String格式，再轉(zhuǎn)換成map集合，然后遍歷集合獲取。

obj的數(shù)據(jù)格式：openid+{“session_key”:“1KugMkenq***************==”,“openid”:“o**j-49ENOXbeIaBk**********”}

       	 Object  obj=  restTemplate.getForObject("https://api.weixin.qq.com/sns/jscode2session?appid=自己的AppID&secret=自己的秘鑰&js_code=" +code + "&grant_type=authorization_code",String.class);
     //轉(zhuǎn)換成String
        	String object1 = obj.toString();
        	JSONObject json=new JSONObject(object1);
               Map<String,Object> map=new HashMap<String, Object>();
               Iterator it = json.keys();
               while (it.hasNext()) {
                   String key = (String) it.next();
                       Object value = json.get(key);
                       map.put(key, value);
               }
               String openid = (String) map.get("openid");