JavaScript 操作对象的方法

80 阅读1分钟

在 JavaScript 中,有许多方法可以用来操作对象。以下是一些常见的例子:

  1. 创建对象:你可以使用字面量语法或 new Object() 来创建一个新的对象。

    let obj1 = {};
    let obj2 = new Object();
    
  2. 访问属性:你可以使用点符号或方括号语法来访问对象的属性。

    let obj = { name: 'Alice', age: 25 };
    console.log(obj.name); // Alice
    console.log(obj['age']); // 25
    
  3. 修改属性:你可以直接赋值来修改对象的属性。

    let obj = { name: 'Alice', age: 25 };
    obj.name = 'Bob';
    console.log(obj.name); // Bob
    
  4. 添加属性:你可以直接赋值来添加新的属性。

    let obj = { name: 'Alice', age: 25 };
    obj.job = 'Engineer';
    console.log(obj.job); // Engineer
    
  5. 删除属性:你可以使用 delete 操作符来删除对象的属性。

    let obj = { name: 'Alice', age: 25 };
    delete obj.age;
    console.log(obj.age); // undefined
    
  6. 检查属性:你可以使用 in 操作符来检查对象是否有某个属性。

    let obj = { name: 'Alice', age: 25 };
    console.log('name' in obj); // true
    console.log('job' in obj); // false
    
  7. 遍历属性:你可以使用 for...in 循环来遍历对象的所有可枚举属性。

    let obj = { name: 'Alice', age: 25 };
    for (let key in obj) {
        console.log(key, obj[key]);
    }
    // name Alice
    // age 25
    
  8. 获取所有键:你可以使用 Object.keys() 方法来获取对象的所有键。

    let obj = { name: 'Alice', age: 25 };
    console.log(Object.keys(obj)); // ['name', 'age']
    
  9. 获取所有值:你可以使用 Object.values() 方法来获取对象的所有值。

    let obj = { name: 'Alice', age: 25 };
    console.log(Object.values(obj)); // ['Alice', 25]
    
  10. 获取所有键值对:你可以使用 Object.entries() 方法来获取对象的所有键值对。

    let obj = { name: 'Alice', age: 25 }; console.log(Object.entries(obj)); // [['name', 'Alice'], ['age', 25]]

  11. 合并对象:你可以使用 Object.assign() 方法或扩展运算符 (...) 来合并多个对象。

    let obj1 = { name: 'Alice' }; let obj2 = { age: 25 }; let obj3 = Object.assign({}, obj1, obj2); let obj4 = { ...obj1, ...obj2 }; console.log(obj3); // { name: 'Alice', age: 25 } console.log(obj4); // { name: 'Alice', age: 25 }