object.values详解

发布时间：2023-05-20

一、object.values用法

在JavaScript中，Object是一个非常重要的数据类型。Object.values方法返回给定对象自身可枚举属性的值的数组，值的顺序与使用for...in循环遍历该对象时返回的顺序一致。

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

对于非对象类型的参数，Object.values方法会先将其转化为对象类型，然后执行相应的操作。

console.log(Object.values('hello')); // ['h', 'e', 'l', 'l', 'o']

二、object.values顺序

Object.values方法返回的数组中的元素顺序受循环对象属性顺序的影响。如果一个对象属性不是整数，则按照创建时间排序。如果所有属性都是整数，则根据数字值的大小排序。

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

所以，在使用Object.values方法时，不能保证返回的数组元素顺序总是按照固定次序排列。如果需要按照属性的重要性或者其他条件来排序，需要在调用Object.values方法之前自行处理对象属性。

三、object.values兼容性

Object.values方法是ES2017的新特性，在某些旧版本的浏览器中，可能会出现不支持的情况。

var obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj)); // 报错

为了兼容旧的浏览器，可以使用polyfill脚本来进行补充。

if (!Object.values) {
  Object.values = function(obj) {
    var vals = [];
    for (var key in obj) {
      if (obj.hasOwnProperty(key)) {
        vals.push(obj[key]);
      }
    }
    return vals;
  }
}

四、object.values()

Object.values()方法返回一个对象自己可枚举属性的值数组，数组元素的顺序与通过for...in迭代该对象属性值的顺序相同。

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

注意：这里是Object.values()，不是Object.values。

五、object.values mdn

MDN（Mozilla Developer Network）是Web开发者们的社区，提供有关于官方技术的详尽开发文档。Object.values() 的详细说明可以在MDN上找到。

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

六、object.values乱序

在使用Object.values方法时，可能会出现乱序的情况。

const obj = {1: 'a', 10: 'b', 100: 'c'};
console.log(Object.values(obj)); // ['a', 'b', 'c']

因为Object.values方法返回的元素顺序受循环对象属性顺序的影响，所以需要注意对属性的顺序进行处理。

七、object.values is not

有时会出现object.values is not a function的报错，这通常是由于Object.values方法不支持当前的JS版本所导致的。

var obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj)); // 报错

此时需要使用兼容性脚本来解决该问题。

八、object.values is not a

另外一个常见的错误是object.values is not a function，这通常是由于Object.values方法未正确加载所导致的。

var obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj)); // 报错

检查Object.values方法是否被正确引入，并确保JS脚本的执行顺序正确。

九、object.values()的用法

在JS开发中，Object.values方法常用于获取对象中的所有属性值或者将对象中的属性值转化为数组。另外，Object.values方法也可以方便地遍历对象属性。

const obj = {a: 1, b: 2, c: 3};
const arr = Object.values(obj);
for (let item of arr) {
    console.log(item);
}

十、object.values 兼容方法

在不支持Object.values方法的浏览器中，可以使用显式迭代对象属性的方法。通过使用for...in循环，获取对象中的所有属性值。

const obj = {a: 1, b: 2, c: 3};
const values = [];
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    values.push(obj[key]);
  }
}
console.log(values); // [1, 2, 3]

总结：Object.values方法是ES2017的新特性，主要用于获取对象中的所有属性值或者将对象中的属性值转化为数组。虽然Object.values方法在某些旧版本的浏览器中可能不支持，但可以使用polyfill脚本来进行兼容性处理。在使用Object.values方法时，需要注意对象属性的顺序、属性的类型以及方法的调用方式等问题。如果还遇到其他问题，可以到MDN上查询详细解答。

推荐文章