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
            }
        */