Object.keys()与Object.values()的使用

女爷i 2023-03-04 11:28 12阅读 0赞

### [Object.keys()][Object.keys] ###

定义：返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。

使用

//字符串
    let str = "abcd字符串"
    console.log(Object.keys(str)) // ["0", "1", "2", "3", "4", "5", "6"]
    
    // 数组
    var arr = ['a', 'b', 'c'];
    console.log(Object.keys(arr)); //['0', '1', '2']
    
    // 对象
    var obj = { 0: 'a', 1: 'b', 2: 'c' };
    console.log(Object.keys(obj)); //['0', '1', '2']
    
    // array like object with random key ordering
    var anObj = { 100: 'a', 2: 'b', 7: 'c' };
    console.log(Object.keys(anObj)); //['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)); // ['foo']

### [Object.values()][Object.values] ###

定义：Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用[`for...in`][for...in]循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。

[Object.keys]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/keys
[Object.values]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/values
[for...in]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/for...in