在本文中,我们将学习这个对象。方法,并通过示例了解其实现。
对象 和 对象构造函数 在JavaScript中: 在里面 面向对象编程 ,JavaScript的概念是对象和构造函数,它们的工作方式基本相同,可以执行类似的操作,在其他编程语言中也是如此。JavaScript中的对象可以定义为相关数据的无序集合,基本类型或引用类型,以“键:值”对的形式。这些键可以是变量或函数,在对象上下文中分别称为属性和方法。
构造函数是与 新关键字 &有两种类型,即内置构造函数(数组和对象)和自定义构造函数(为特定对象定义的属性和方法)。构造函数对于创建一个可以多次使用的对象“类型”非常有用,而无需每次重新定义对象,这可以通过使用 对象构造函数 作用将构造函数的名称大写以区别于常规函数是一种惯例。
例如,考虑下面的代码:
function Automobile(color) { this.color=color; } var vehicle1 = new Automobile ("red");
函数“Automobile()”是一个对象构造函数,其属性和方法(即“color”)通过在其前面加上关键字“this”来声明。然后,使用对象构造函数定义的对象使用关键字“new”生成实例。当调用new Automobile()时,JavaScript会做两件事:
- 它创建一个新的对象(实例)Automobile(),并将其分配给一个变量。
- 它将对象的构造函数属性即“颜色”设置为Automobile。
对象keys()方法: 这个 对象钥匙() 方法 用于返回一个数组,其元素是与 可枚举属性 直接在物体上发现的。属性的顺序与对象在应用于属性的循环中手动给定的顺序相同。反对。keys()将对象作为参数,返回其可枚举自身属性,并返回一个字符串数组,该字符串表示给定对象的所有可枚举属性。
语法:
Object.keys(obj);
参数值:
- obj :它是要返回其可枚举属性的对象。
返回值: 它返回一个字符串数组,这些字符串表示给定对象的所有可枚举属性。
应用: 它可以用于返回简单数组、类数组对象和具有随机键顺序的类数组对象的可枚举属性。
我们将通过示例理解上述函数的概念。
例1: 在本例中,数组“check”有三个属性值[‘x’、’y’、’z’]和对象。方法返回此数组的可枚举属性。属性的顺序与对象手动给出的顺序相同。
Javascript
<script> // Returning enumerable properties // of a simple array var check = [ 'x' , 'y' , 'z' ]; console.log(Object.keys(check)); </script> |
输出:
['0', '1', '2']
例2: 在本例中,类似数组的对象“check”有三个属性值{0:’x’,1:’y’,2:’z’}和对象。方法返回此数组的可枚举属性。属性的顺序与对象手动给出的顺序相同。
Javascript
<script> // Returning enumerable properties // of an array like object. var object = { 0: 'x' , 1: 'y' , 2: 'z' }; console.log(Object.keys(object)); </script> |
输出:
['0', '1', '2']
例3: 在本例中,一个类似数组的对象“check”有三个属性值{70:’x’,21:’y’,35:’z’}按随机顺序排列,并且对象。方法按索引值的升序返回此数组的可枚举属性。
Javascript
<script> // 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)); </script> |
输出:
['21', '35', '70']
例外情况:
- 如果传递的参数不是对象,则会导致TypeError。
- 如果一个对象没有作为参数传递给该方法,那么它会说服它并将其视为一个对象。
支持的浏览器:
- 谷歌Chrome 5.0
- 微软Edge 12.0
- 火狐4.0
- Internet Explorer 9.0
- 歌剧12.0
- Safari 5.0