JavaScript对象笔记
什么是JavaScript对象
JavaScript对象是一组键值对的集合,其中键是字符串(通常是字符串,但也可以是符号),值可以是任何数据类型。
特点
- 动态性:可以在运行时添加、删除或更改属性。
- 灵活性:属性可以是任何类型,包括函数。
- 原型继承:基于原型链的继承机制。
基本使用
创建对象
// 字面量方式
var person = {
name: 'Kimi',
age: 30,
greet: function() {
console.log('Hello, I am ' + this.name);
}
};
// 构造函数方式
function Person(name, age) {
this.name = name;
this.age = age;
this.greet = function() {
console.log('Hello, I am ' + this.name);
};
}
var person = new Person('Kimi', 30);
// Object.create() 方法
var person = Object.create({
name: 'Kimi',
age: 30,
greet: function() {
console.log('Hello, I am ' + this.name);
}
});
## 增删改查
### 添加属性
```javascript
person.job = 'Developer';
删除属性
delete person.job;
修改属性
person.age = 31;
查询属性
console.log(person.name); // 输出: Kimi
遍历对象
for…in 循环
for (var key in person) {
if (person.hasOwnProperty(key)) {
console.log(key + ': ' + person[key]);
}
}
Object.keys()
Object.keys(person).forEach(function(key) {
console.log(key + ': ' + person[key]);
});
内置对象
JavaScript提供了许多内置对象,如Array
、Date
、Math
等。
Array
var fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits.length); // 输出: 3
Date
var now = new Date();
console.log(now.toString()); // 输出当前日期和时间的字符串表示
Math
console.log(Math.PI); // 输出圆周率π的值
console.log(Math.sqrt(16)); // 输出4
示例
创建一个简单的对象
var car = {
brand: 'Toyota',
model: 'Corolla',
year: 2020
};
使用对象的方法
car.start = function() {
console.log(this.model + ' is starting...');
};
car.start(); // 输出: Corolla is starting...
遍历对象属性
for (var prop in car) {
if (car.hasOwnProperty(prop)) {
console.log(prop + ': ' + car[prop]);
}
}