JavaScript 如何读取对象的属性

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

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

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

语法：

ObjectName.propertyName

示例：

JavaScript

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

输出：

Mohan Jain

使用方括号： 通过使用方括号访问对象的属性。与使用方括号访问数组元素相同。

语法：

ObjectName[propertyName]

示例:

JavaScript

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

输出：

Mohan Jain

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

语法：

var { propertyName } = ObjectName

示例:

Javascript

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

输出：

Mohan Jain

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

示例：

Javascript

<script> 
    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); 
    }); 
</script>

输出：

JavaScript 如何读取对象的属性