JavaScript Object.keys()函数

在本文中，我们将学习 Javascript 中的 Object.keys() 方法，并通过示例了解其实现。

JavaScript 中的对象和对象构造函数：在面向对象的编程中，JavaScript 具有对象和构造函数的概念，它们大多以相同的方式工作并且可以执行类似类型的操作，在其他编程语言中也是如此。 JavaScript 中的对象可以定义为相关数据、原始类型或引用类型的无序集合，采用“键：值”对的形式。这些键可以是变量或函数，在对象的上下文中分别称为属性和方法。

构造函数是与new 关键字一起使用的通用 JavaScript 函数 & 有两种类型，即内置构造函数（数组和对象）和自定义构造函数（为特定对象定义的属性和方法）。构造函数对于创建可以多次使用的对象“类型”很有用，而不必每次都重新定义对象，这可以使用对象构造函数来实现。将构造函数的名称大写以将它们与常规函数区分开来是一种惯例。

例如，考虑以下代码：

function Automobile(color) {
 this.color=color;
}
var vehicle1 = new Automobile ("red");

函数“Automobile()”是一个对象构造函数，它的属性和方法，即“color”是通过在它的前面加上关键字“this”来声明的。使用对象构造函数定义的对象然后使用关键字“new”成为即时对象。当 new Automobile() 被调用时，JavaScript 做了两件事：

• 它创建一个新的对象（实例）汽车（）并将其分配给一个变量。
• 它将对象的构造函数属性（即“颜色”）设置为汽车。

Object.keys() 方法： Object.keys()方法用于返回一个数组，其元素是与直接在对象上找到的可枚举属性相对应的字符串。属性的顺序与对象在循环中手动给出的顺序相同，应用于属性。 Object.keys() 将对象作为要返回其可枚举自身属性的参数，并返回表示给定对象的所有可枚举属性的字符串数组。

句法：

Object.keys(obj);

参数值：

• obj ：它是要返回其可枚举属性的对象。

返回值：它返回一个字符串数组，表示给定对象的所有可枚举属性。

应用：它可用于返回简单数组、类数组对象和具有随机键顺序的类数组对象的可枚举属性。

我们将通过示例了解上述函数的概念。

示例 1：在此示例中，数组“check”具有三个属性值 ['x', 'y', 'z']，object.keys() 方法返回该数组的可枚举属性。属性的顺序与对象手动给定的顺序相同。

Javascript

  
  // Returning enumerable properties
  // of a simple array 
  var check = ['x', 'y', 'z'];
  console.log(Object.keys(check));

输出：

['0', '1', '2']

示例 2：在此示例中，类数组对象“check”具有三个属性值 { 0: 'x', 1: 'y', 2: 'z' } 并且 object.keys() 方法返回可枚举的属性这个数组的。属性的顺序与对象手动给定的顺序相同。

Javascript

  
  // Returning enumerable properties
  // of an array like object.
  var object = { 0: 'x', 1: 'y', 2: 'z' };
  console.log(Object.keys(object));

输出：

['0', '1', '2']

示例 3：在此示例中，类似数组的对象“check”具有三个随机排序的属性值 { 70: 'x', 21: 'y', 35: 'z' }，并且 object.keys() 方法返回此数组的可枚举属性按索引值的升序排列。

Javascript

  
  // Returning enumerable properties of an array
  // like object with random key ordering.
  var object = { 70: 'x', 21: 'y', 35: 'z' };
  console.log(Object.keys(object));

输出：

['21', '35', '70']

例外：

• 如果传递的参数不是对象，则会导致 TypeError。
• 如果一个对象没有作为参数传递给该方法，那么它会说服它并将其视为一个对象。

支持的浏览器：

• 谷歌浏览器 5.0
• 微软边缘 12.0
• 火狐4.0
• 互联网浏览器 9.0
• 歌剧 12.0
• 野生动物园 5.0