返回

JavaScript日常开发中常用的Object操作方法大全

前端

一、JavaScript对象有两种类型

  1. 普通对象 ：JavaScript中最常见的一类对象，可以通过{}创建。
  2. 内置对象 ：由JavaScript语言本身提供的一类对象，比如String、Array、Math等。

二、创建对象并添加属性

  1. 创建对象 ：使用{}即可创建对象，例如：

    const person = {};

  2. 添加属性 ：使用.运算符为对象添加属性，例如：

    person.name = "John";
person.age = 30;

三、访问对象属性

  1. 使用.运算符 ：这是最常用的访问对象属性的方式，例如：

    const name = person.name; // "John"
const age = person.age; // 30

  2. 使用[]运算符 ：在某些情况下，可以使用[]运算符来访问对象属性，例如：

    const name = person["name"]; // "John"
const age = person["age"]; // 30

四、删除对象属性

可以使用delete运算符来删除对象属性，例如：

delete person.name;

五、作为函数参数

对象可以作为函数的参数传递，例如：

function greet(person) {
  console.log("Hello, " + person.name + "!");
}

greet(person); // "Hello, John!"

六、枚举对象的属性

可以使用for...in循环来枚举对象的属性，例如：

for (const property in person) {
  console.log(property); // "name", "age"
}

七、数据类型检测

可以使用typeof运算符来检测数据类型，例如：

const type = typeof person; // "object"

八、Object常用的API

Object对象提供了许多有用的API，比如：

  1. Object.keys() ：返回对象所有属性的键名。
  2. Object.values() ：返回对象所有属性的值。
  3. Object.entries() ：返回对象所有属性的键值对。
  4. Object.assign() ：将一个或多个对象合并到目标对象中。
  5. Object.freeze() ：冻结对象，使其属性无法被更改。
  6. Object.seal() ：密封对象，使其属性无法被删除或添加，但可以更改其值。
  7. Object.is() ：比较两个对象是否相等。

掌握这些方法后，您就能轻松操作JavaScript中的对象了。如果您还有其他关于JavaScript对象的问题，欢迎随时提问。