js獲取對象屬性和值詳解

一、js獲取對象屬性值的方法

在js中，獲取對象屬性值的方法有多種，以下代碼演示了其中的三種方法：

    
        // 方法1：使用點號（object.property）獲取屬性值
        const person = {
            name: "Alice",
            age: 26,
            gender: "female"
        };
        console.log(person.name);
        
        // 方法2：使用中括號（object["property"]）獲取屬性值
        console.log(person["age"]);
        
        // 方法3：使用Object.values()方法獲取所有屬性值
        console.log(Object.values(person));
    

二、js獲取對象的屬性名

js中獲取對象屬性名的方法有多種，以下代碼演示了其中的三種方法：

    
        // 方法1：使用for...in循環獲取屬性名
        for (let prop in person) {
            console.log(prop);
        }
        
        // 方法2：使用Object.getOwnPropertyNames()方法獲取屬性名數組
        console.log(Object.getOwnPropertyNames(person));
        
        // 方法3：使用Object.keys()方法獲取屬性名數組
        console.log(Object.keys(person));
    

三、js怎麼獲取對象的屬性名

獲取對象的屬性名和獲取對象屬性值的方法類似，以下代碼演示了js獲取對象屬性名的幾種方式：

    
        // 方法1：使用for...in循環獲取屬性名
        for (let prop in person) {
            console.log(prop);
        }
        
        // 方法2：使用Object.getOwnPropertyNames()方法獲取屬性名數組
        console.log(Object.getOwnPropertyNames(person));
        
        // 方法3：使用Object.keys()方法獲取屬性名數組
        console.log(Object.keys(person));
    

四、js獲取對象的第一個屬性

獲取對象的第一個屬性，可以通過獲取屬性名數組的第一個元素，然後再獲取對應屬性值來實現，以下代碼演示了具體實現：

    
        const firstPropName = Object.getOwnPropertyNames(person)[0];
        const firstPropValue = person[firstPropName];
        console.log(`${firstPropName}: ${firstPropValue}`);
    

五、js獲取對象屬性名和值

獲取對象屬性名和值可以通過for…in循環遍歷對象，然後依次獲取屬性名和屬性值，以下代碼演示了具體實現：

    
        for (let prop in person) {
            console.log(`${prop}: ${person[prop]}`);
        }
    

六、js獲取對象第一個屬性的值

獲取對象的第一個屬性值，通過獲取屬性名數組的第一個元素，然後再獲取對應屬性值來實現，以下代碼演示了具體實現：

    
        const firstPropValue = person[Object.getOwnPropertyNames(person)[0]];
        console.log(firstPropValue);
    

七、js遍歷對象的屬性和值

遍歷對象屬性和值也可以通過for…in循環遍歷對象，然後依次獲取屬性名和屬性值，以下代碼演示了具體實現：

    
        for (let prop in person) {
            console.log(`${prop}: ${person[prop]}`);
        }
    

八、js獲取對象最後一個屬性的值

獲取對象最後一個屬性的值，可以通過獲取屬性名數組的最後一個元素，然後再獲取對應屬性值來實現，以下代碼演示了具體實現：

    
        const lastPropValue = person[Object.getOwnPropertyNames(person)[Object.getOwnPropertyNames(person).length - 1]];
        console.log(lastPropValue);
    

九、js給對象添加屬性和值

給js對象添加屬性和值，可以直接使用點號或中括號訪問對象的屬性值，如果對象中不存在該屬性，則會自動添加該屬性，以下代碼演示了具體實現：

    
        // 使用點號添加屬性和值
        person.height = 170;
        
        // 使用中括號添加屬性和值
        person["weight"] = 60;
        
        console.log(person);
        /*
            輸出結果：
            {
                name: "Alice",
                age: 26,
                gender: "female",
                height: 170,
                weight: 60
            }
        */
    

十、js清空對象屬性的值

清空對象屬性的值，可以通過遍歷對象，將每個屬性值賦值為null或undefined來實現，以下代碼演示了具體實現：

    
        for (let prop in person) {
            person[prop] = null;
        }
        
        console.log(person);
        /*
            輸出結果：
            {
                name: null,
                age: null,
                gender: null,
                height: null,
                weight: null
            }
        */