每日学习之JS的Object常见方法详解

前言

Object.keys()

语法

Object.keys(obj)

参数：

obj： 要返回其枚举自身属性的对象

返回值：

一个表示给定对象的所有可枚举属性的字符串数组

例子：

传入的参数为对象，返回对象的属性

let person = {name:"张三",age:25,address:"深圳",getName:function(){}}
Object.keys(person) // ["name", "age", "address","getName"]

如果传入的参数是字符串，则返回索引

var str = new String();
str = 'abc123';
console.log(Object.keys(str)); //['0','1','2','3','4','5']

如果传入的参数为数组，返回的也是索引

var arr = new Array();
arr = ['x','y','z'];
console.log(Object.keys(arr));//['0','1','2']

Object.values()

语法

Object.values(obj)

参数：

obj： 被返回可枚举属性值的对象。

返回值：

一个包含对象自身的所有可枚举属性值的数组。

例子

let obj = {
    foo : "bar",
    baz : 20
};
console.log(Object.values(obj));  // ["bar", 20]

返回数组的成员顺序，与属性的遍历部分介绍的排列规则一致

const obj = {100 : "a", 2 : "b", 7 : "c"};
console.log(Object.values(obj));   //["b", "c", "a"]

注意：如果传入的对象的属性名为数值，是按照数值大小遍历的，因此返回的顺序是b、c、a。

Object.values()只会遍历对象自身的可遍历属性

const obj = Object.create({},{p : {value : 10}});
console.log(Object.values(obj));    //[]
console.log(Object.getOwnPropertyDescriptors(obj));

• Object.create方法的第二个参数添加的对象属性（属性p），如果不显式声明，默认是不可遍历的，因为p的属性描述对象的enumerable默认是false，Object.values不会返回这个属性。
  因此只要把enumerable(可枚举的)改成true，Object.values就会返回属性p的值。

const obj = Object.create({},{p:{
     value : 10,
     enumerable : true,
     configurable : true,
     writable : true,
}})
console.log(Object.values(obj));    //[10]

注：如果参数不是对象，Object.values会先将其转为对象

Object.entries()

语法

Object.entries(obj)

返回值：

参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组，即给定对象自身可枚举属性的键值对数组

例子

var obj = { foo: 'bar', baz: 42 };
console.log(Object.entries(obj));

遍历对象的属性

let obj = {
    one : 1,
    two : 2,
}
for(let [k , v] of Object.entries(obj)){
     console.log(`${JSON.stringify(k)} : ${JSON.stringify(v)}`);
}