如何在 JavaScript 中读取对象的属性？

JavaScript 中的对象，它是最重要的数据类型，构成了现代 JavaScript 的构建块。这些对象与 JavaScript 的原始数据类型（数字、字符串、布尔值、null、未定义和符号）完全不同，因为这些原始数据类型都存储一个值（取决于它们的类型）。

在本文中，我们将了解如何在 JavaScript 中读取对象的属性。在 Javascript 中调用对象的属性有不同的方法。

点属性访问器：在此，我们使用 一个点属性访问器来访问对象的属性，该属性必须是一个有效的 JavaScript 标识符。

句法：

ObjectName.propertyName

例子：

Javascript

    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    var name=obj.name;
    console.log(name); 

输出：

Mohan Jain

使用方括号：在此，我们使用方括号来访问对象的属性。这与使用方括号访问数组元素相同。

句法：

ObjectName[propertyName]

例子：

Javascript

    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    var name=obj[name];
    console.log(name);  

输出：

Mohan Jain

对象解构：在此，我们读取一个属性并将其值分配给一个变量，而无需复制属性名称。它类似于数组解构，只是不是从数组中提取值。可以从对象中提取属性（或键）及其对应的值。

句法：

var { propertyName } = ObjectName

例子：

Javascript

    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
      
    var { name } = obj;
    console.log(name);  

输出：

Mohan Jain

使用 jQuery 访问 Object 的属性：确保已安装 jquery。我们可以使用 jQuery 库函数来访问 Object 的属性。 jquery.each()方法用于遍历和访问对象的属性。

例子：

Javascript

    const jsdom = require('jsdom');
    const dom = new jsdom.JSDOM("");
    const jquery = require('jquery')(dom.window);
      
    var obj={
        name : "Mohan Jain",
        age : 21,
        address : "Bhopal"
    };
      
    jquery.each(obj, function(key, element) {
        console.log('key: ' + key + '   ' + 'value: ' + element);
    });

输出：