ECMAScript 2016 中的 Object.keys 与 Object.values 使用详解-JavaScript中文网-JavaScript教程资源分享门户

在 JavaScript 中，对象是一种非常常见的数据类型。在 ECMAScript 2016 中，新增了两个非常方便的方法 Object.keys 和 Object.values，用于获取对象的键和值。本文将详细介绍这两个方法的使用方法及其指导意义。

Object.keys

Object.keys 方法用于获取一个对象的所有可枚举属性的键名，返回一个由键名组成的数组。该方法的语法如下：

Object.keys(obj)

其中，obj 表示要获取键名的对象。

下面是一个示例：

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

上面的代码中，我们定义了一个对象 obj，包含了三个属性 a、b、c。然后使用 Object.keys 方法获取 obj 的所有键名，并将结果赋值给变量 keys。最后，我们将 keys 打印出来，可以看到它是一个由 'a'、'b'、'c' 组成的数组。

需要注意的是，Object.keys 方法只会返回对象自身的可枚举属性的键名，不会返回继承自原型链上的属性。

Object.values

Object.values 方法用于获取一个对象的所有可枚举属性的值，返回一个由值组成的数组。该方法的语法如下：

Object.values(obj)

其中，obj 表示要获取值的对象。

下面是一个示例：

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

上面的代码中，我们定义了一个对象 obj，包含了三个属性 a、b、c。然后使用 Object.values 方法获取 obj 的所有值，并将结果赋值给变量 values。最后，我们将 values 打印出来，可以看到它是一个由 1、2、3 组成的数组。

需要注意的是，Object.values 方法只会返回对象自身的可枚举属性的值，不会返回继承自原型链上的属性。

深度和学习意义

Object.keys 和 Object.values 方法在实际开发中非常常用，可以大大提高开发效率。例如，我们可以使用 Object.keys 方法来获取一个对象的属性名，然后使用 forEach 方法对每个属性进行操作，这样就可以避免使用 for-in 循环来遍历对象的属性，从而提高代码的可读性和性能。

此外，Object.keys 和 Object.values 方法也可以用来实现一些高级的操作，例如对象的深度克隆、对象的合并等等。

示例代码

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

获取对象属性名并遍历

const obj = {a: 1, b: 2, c: 3};
const keys = Object.keys(obj);
keys.forEach(key => {
  console.log(key + ': ' + obj[key]);
});

对象的深度克隆

-- -------------------- ---- -------
-------- -------------- -
  ----- ------ - ---
  ----- ---- - -----------------
  ---------------- -- -
    ----- ----- - ---------
    -- ------- ----- --- -------- -- ----- --- ----- -
      ----------- - -----------------
    - ---- -
      ----------- - ------
    -
  ---
  ------ -------
-

----- --- - --- --- --- -- --- ----
----- -------- - ---------------
---------------------- -- --- --- --- -- --- ---
---------------------- --- ------- -- -----

对象的合并

-- -------------------- ---- -------
-------- -------------- ----- -
  ----- ------ - ---
  ----------------------------- -- -
    ----------- - ----------
  ---
  ----------------------------- -- -
    ----------- - ----------
  ---
  ------ -------
-

----- ---- - --- -- -- ---
----- ---- - --- -- -- ---
----- -------- - -------------- ------
---------------------- -- --- -- -- -- -- -- -- --

总结

Object.keys 和 Object.values 方法是 ECMAScript 2016 中新增的两个非常方便的方法，用于获取对象的键和值。本文详细介绍了这两个方法的使用方法及其指导意义，并提供了一些示例代码供读者参考。希望本文能够对读者在实际开发中的工作有所帮助。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65d17e92add4f0e0ffa2ba78