JavaScript 对象中的属性221
## 简介
在 JavaScript 中,对象是键值对的集合,其中键是字符串,值可以是任何类型的数据。对象的属性是键值对中键的部分。
## 属性类型
JavaScript 中对象的属性可以是以下类型:
* 数据属性:键值对包含数据值,例如字符串、数字或布尔值。
* 访问器属性:键值对包含 getter 和 setter 函数,用于获取和设置属性值。
* 静态属性:键值对存在于对象的构造函数中,而不是对象的实例上。
## 创建属性
可以通过以下方式创建对象的属性:
* 点符号:使用点符号(`.`)直接访问或创建属性,例如:
```javascript
const person = {
name: "John Doe"
};
= 30;
```
* 方括号符号:使用方括号(`[]`)访问或创建属性,需要将键作为字符串传递,例如:
```javascript
const person = {
"first name": "John",
"last name": "Doe"
};
person["age"] = 30;
```
* () 方法:允许创建更高级别的属性,包括定义属性类型、getter 和 setter 函数,例如:
```javascript
(person, "age", {
value: 30,
writable: false
});
```
## 访问属性
可以按以下方式访问对象的属性:
* 点符号:与创建属性类似,使用点符号(`.`)访问属性,例如:
```javascript
const age = ;
```
* 方括号符号:使用方括号(`[]`)访问属性,需要将键作为字符串传递,例如:
```javascript
const firstName = person["first name"];
```
* () 方法:获取对象的原型,并访问原型中的属性,例如:
```javascript
const prototype = (person);
const name = ();
```
## 删除属性
可以通过以下方式删除对象的属性:
* delete 运算符:使用 `delete` 运算符,例如:
```javascript
delete ;
```
* () 方法:将属性的可写性(`writable`)设置为 `false`,例如:
```javascript
(person, "age", {
writable: false
});
delete ; // 无效,因为属性不可写
```
## 遍历属性
可以使用以下方法遍历对象的属性:
* () 方法:返回对象中所有可枚举键的数组,例如:
```javascript
const keys = (person);
for (const key of keys) {
(key);
}
```
* () 方法:返回对象中所有可枚举值值的数组,例如:
```javascript
const values = (person);
for (const value of values) {
(value);
}
```
* for...in 循环:遍历对象中的所有可枚举属性,包括继承的属性,例如:
```javascript
for (const key in person) {
(`${key}: ${person[key]}`);
}
```
2025-01-05
上一篇:JavaScript 设计模式
最新文章
9天前
11-24 10:39
11-24 10:11
11-24 09:57
11-24 09:26
热门文章
01-13 17:12
01-10 10:09
01-04 07:30
12-29 18:49
12-04 08:05
重温:前端MVC的探索者与现代框架的基石
https://jb123.cn/javascript/72613.html
揭秘:八大万能脚本语言,编程世界的“万金油”与“瑞士军刀”
https://jb123.cn/jiaobenyuyan/72612.html
少儿Python编程免费学:从入门到进阶的全方位指南
https://jb123.cn/python/72611.html
Perl 高效解析 CSV 文件:从入门到精通,告别数据混乱!
https://jb123.cn/perl/72610.html
荆门Python编程进阶指南:如何从零到专业,赋能本地数字未来
https://jb123.cn/python/72609.html
热门文章
JavaScript (JS) 中的 JSF (JavaServer Faces)
https://jb123.cn/javascript/25790.html
JavaScript 枚举:全面指南
https://jb123.cn/javascript/24141.html
JavaScript 逻辑与:学习布尔表达式的基础
https://jb123.cn/javascript/20993.html
JavaScript 中保留小数的技巧
https://jb123.cn/javascript/18603.html
JavaScript 调试神器:步步掌握开发调试技巧
https://jb123.cn/javascript/4718.html