Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组,值的顺序与使用for…in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
var obj = { foo: 'bar', baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]
// array like object
var obj = { 0: 'a', 1: 'b', 2: 'c' };
console.log(Object.values(obj)); // ['a', 'b', 'c']
// array like object with random key ordering
// when we use numeric keys, the value returned in a numerical order according to the keys
var an_obj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.values(an_obj)); // ['b', 'c', 'a']
// getFoo is property which isn't enumerable
var my_obj = Object.create({}, { getFoo: { value: function() { return this.foo; } } });
my_obj.foo = 'bar';
console.log(Object.values(my_obj)); // ['bar']
// non-object argument will be coerced to an object
console.log(Object.values('foo')); // ['f', 'o', 'o']
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致
// 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']
假如有这样一个需求,打印下面这个对象中所有的键:
var person = {
name: '张三',
age: 18,
66: '66',
2: '2'
};
1.使用for in循环试一下
for(var item in person){
console.log(item);
}
控制台打印的结果是 :
2.使用js提供的方法 Object.keys()
console.log(Object.keys(person));
控制台打印的结果是 :
当然想打印所有的值可以使用 Object.values(),返回的同样是数组
3.拓展
(1)从上面的Object.keys() 打印结果看,打印结果给我们自动排序了,并且和for in 的排序一样。
这是因为 Object.keys在内部会根据属性名key的类型进行不同的排序逻辑。分三种情况:
如果属性名的类型是Number,那么Object.keys返回值是按照key从小到大排序
如果属性名的类型是String,那么Object.keys返回值是按照属性被创建的时间升序排序。
如果属性名的类型是Symbol,那么逻辑同String相同
(2)假如 person 是个字符串
var person = '123456';
console.log(Object.keys(person));
结果:
竟然也能打印出来所有的键,这就纳闷了,字符串怎么能被对象的方法调用呢。
原来当Object.keys函数使用参数时,会执行以下步骤:
第一步:将参数转换成Object类型的对象。
第二步:通过转换后的对象获得属性列表properties。
注意:属性列表properties为List类型(List类型是ECMAScript规范类型)
第三步:将List类型的属性列表properties转换为Array得到最终的结果。
将参数转换成Object(ToObject(O))
ToObject操作根据下表将参数O转换为Object类型的值:
参数类型 | 结果 |
---|---|
Undefined | 抛出TypeError |
Null | 抛出TypeError |
Boolean | 返回一个新的 Boolean 对象 |
Number | 返回一个新的 Number 对象 |
String | 返回一个新的 String 对象 |
Symbol | 返回一个新的 Symbol 对象 |
Object | 直接将Object返回 |