JS如何获取对象键值对中key值的方法

 更新时间:2023年06月06日 11:11:12   作者:huyao_road  
这篇文章主要介绍了JS如何获取对象键值对中key值的方法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

JS获取对象键值对中key值的方法

使用Object.keys

Object.keys( ) 会返回一个数组,数组中是这个对象的key值列表

所以只要Object.keys(a)[0], 就可以得只包含一个键值对的key值

下面是MDN中对Object.keys的描述

Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 (两者的主要区别是 一个 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
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']

如果你想获取一个对象的所有属性,,甚至包括不可枚举的,请查看Object.getOwnPropertyNames

注意

在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 对象下的对象时,不可枚举的属性也会获取到。

获取Object键值对对象的值

1.在后台获取openid是返回的是一个json格式的Object对象,如何获得里面的openid呢?

先把object对象转换成String格式,再转换成map集合,然后遍历集合获取。

obj的数据格式: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);
     //转换成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");

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • js实现按一下删除键删除整个单词附demo

    js实现按一下删除键删除整个单词附demo

    使用代码实现当删除单词时就一次性删除整个单词,有个demo,相信大家看过之后就知道是什么意思了
    2014-09-09
  • JS实现点击事件统计的简单实例

    JS实现点击事件统计的简单实例

    下面小编就为大家带来一篇JS实现点击事件统计的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • Bootstrap中的fileinput 多图片上传及编辑功能

    Bootstrap中的fileinput 多图片上传及编辑功能

    这篇文章主要介绍了Bootstrap中的fileinput 多图片上传及编辑功能的实现,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 一篇文章带你详细了解JavaScript数组

    一篇文章带你详细了解JavaScript数组

    本文是小编给大家特意整理的关于JavaScript数组的知识,非常实用,在面试笔试题中经常用得到,有需要的朋友可以参考下
    2021-09-09
  • JavaScript实现移动端弹窗后禁止滚动

    JavaScript实现移动端弹窗后禁止滚动

    这篇文章主要介绍了JavaScript实现移动端弹窗后禁止滚动,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • JavaScript打开word文档的实现代码(c#)

    JavaScript打开word文档的实现代码(c#)

    在C#中打开word文档其实不算太难,方法也比较多,用javascript怎么打开呢?其实,也不难
    2012-04-04
  • 基于Bootstrap重置输入框内容按钮插件

    基于Bootstrap重置输入框内容按钮插件

    pureClearButton是一款基于Bootstrap的非常实用的用于清空和重置input输入框内容的jQuery按钮插件,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 一文彻底理解js原生语法prototype,__proto__和constructor

    一文彻底理解js原生语法prototype,__proto__和constructor

    作为一名前端工程师,必须搞懂JS中的prototype、__proto__与constructor属性,相信很多初学者对这些属性存在许多困惑,容易把它们混淆,下面这篇文章主要给大家介绍了关于js原生语法prototype,__proto__和constructor的相关资料,需要的朋友可以参考下
    2021-10-10
  • JS根据json数组多个字段排序及json数组常用操作

    JS根据json数组多个字段排序及json数组常用操作

    这篇文章主要介绍了js根据json数组多个字段排序及json数组常用操作,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-06-06
  • JavaScript库 开发规则

    JavaScript库 开发规则

    1. 保持无侵入性,标记不想知道你的JavaScript代码;2. 严禁修改和扩展Object.prototype!;3. 对JavaScript内建对象的扩展越少越好;4. 跟随标准;5. 或着跟随主导 ;6. 保持灵活;7. 管理内存;8. 淘汰浏览器嗅探;9. 小巧更佳……
    2009-01-01

最新评论