JS Object.values()方法详解|极客笔记

JS Object.values()方法详解

1. 概述

在JavaScript中，Object是一种用于存储键值对的基本数据结构。在ES2017中，引入了一个新的Object方法Object.values()，它返回给定对象中所有可枚举属性的值，并以数组的形式返回。本篇文章将详细介绍Object.values()的使用方法和相关注意事项。

2. 语法

Object.values()方法的语法如下所示：

Object.values(obj)

其中，obj是要返回其可枚举属性值的对象。

3. 返回值

Object.values()方法返回一个数组，数组的元素是给定对象中所有可枚举属性的值，顺序与属性在对象中的出现顺序一致。

4. 示例代码

下面是一些使用Object.values()方法的示例代码：

示例1：简单的对象

const obj = {
  name: 'Alice',
  age: 20,
  gender: 'female'
};

const values = Object.values(obj);
console.log(values);

输出：

['Alice', 20, 'female']

示例2：包含数组的对象

const obj = {
  name: 'Bob',
  hobbies: ['reading', 'programming', 'traveling']
};

const values = Object.values(obj);
console.log(values);

输出：

['Bob', ['reading', 'programming', 'traveling']]

示例3：使用Object.values()的计算平均值函数

function average(obj) {
  const values = Object.values(obj);
  const sum = values.reduce((acc, curr) => acc + curr);
  return sum / values.length;
}

const obj = {
  a: 1,
  b: 2,
  c: 3
};

console.log(average(obj));

输出：

5. 注意事项

Object.values()方法只返回对象自身的可枚举属性的值，不包括继承的属性。
Object.values()返回的数组与对象中属性的顺序保持一致。但需要注意，对象中属性的顺序在标准中被定义为非确定性，不同引擎的实现可能有所差异。
如果传入的参数不是一个对象（如null、undefined等），Object.values()将抛出TypeError。

6. 兼容性

Object.values()是ES2017引入的新方法，因此在较旧的JavaScript引擎中可能不被支持。为了兼容性，可以使用以下代码片段进行安全检查和兼容处理。

if (!Object.values) {
  Object.values = function(obj) {
    if (obj !== Object(obj)) {
      throw new TypeError('Object.values called on non-object');
    }
    var values = [];
    for (var key in obj) {
      if (Object.prototype.hasOwnProperty.call(obj, key)) {
        values.push(obj[key]);
      }
    }
    return values;
  };
}

7. 总结

Object.values()方法是一个有用且易于使用的方法，它允许我们获取给定对象中的所有可枚举属性的值。通过Object.values()，我们可以更方便地处理对象数据，并进行各种操作和计算。但需要注意的是，Object.values()方法在一些较旧的JavaScript引擎中可能不被支持，因此在使用时需要进行兼容性处理。