优秀的编程知识分享平台

网站首页 > 技术文章 正文

JavaScript 数据结构-对象详解(一)

nanyue 2024-12-15 15:55:27 技术文章 10 ℃

在 JavaScript 程序设计中,对象是一个用于存储各种数据和复杂实体的集合(包含相关属性和方法的集合体)。对象通过键(key)(value)对的方式来存储数据。对象是 JavaScript 中最常用的数据类型之一,它允许我们组织和管理程序中的相关数据。

所有事物都是对象

JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。

  • 布尔型可以是一个对象。
  • 数字型可以是一个对象。
  • 字符串也可以是一个对象
  • 日期是一个对象
  • 数学和正则表达式也是对象
  • 数组是一个对象
  • 甚至函数也可以是对象

对象的定义和创建

对象字面量

最常见的创建方式是使用对象字面量。通过 {} 括起来的键值对表示一个对象。

let person =  name: "Alice",
  age: 30,
  greet: function() {
    console.log("Hello, " + this.name);
  }
};
console.log(person.name);  // 输出: Alice
console.log.age);   //: 30
person.greet();            // 输出: Hello, Alice
  • 对象的属性:对象中的每个键值对,键称为属性名(或键),值称为属性值
  • 对象的方法:如果属性值是一个函数,则它被称为对象的方法。

使用 new Object() 创建

除了字面量方式,还可以使用 new Object() 来创建一个对象。

let person = new Object();
person.name = "Bob";
person.age = 25;
person.greet = function() {
  console.log("Hello, " + this.name);
};
console.log(person.name); // 输出: Bob
person.greet();           // 输出: Hello, Bob

通常使用对象字面量更为简洁和常用。

访问对象的属性

可以通过两种方式来访问对象的属性:点(.)表示法方括号([])表示法

点表示法

这是最常见的访问对象属性的方法,通过点 . 后接属性名来访问属性。

console.log(person.name);  // 输出: Bob
console.log(person.age);   // 输出: 25

方括号表示法

方括号表示法通过 [] 来对象的属性。此方法允许我们使用的键(如变量)来访问对象,也可以用非有效标识符(如包含空格的字符串)作为属性名。

console.log(person["name"]);  // 输出: Bob
// 使用变量访问属性
let key = "age";
console.log(person[key]);    // 输出: 25
// 非常规属性名
let obj = {
  "first name": "John",
  "last name": "Doe};
console.log(obj["first name"]); // 输出: John

修改和删除对象的属性

修改属性值

对象的属性可以通过点表示法或方括号表示法进行修改

复制代码person["name"] = "Charlie"; // 使用方括号表示法修改属性

console.log(person.name);  // 输出: Charlie
console.log(person.age);   // 输出: 26

删除属性

使用 delete 操作符可以删除对象的属性

delete person.age;  // 删除 age 属性
console.log(person.age);  // 输出: undefined
最近发表
标签列表