JavaScript对象

定义

基本使用方法

var person = {
	firstName:"Bill", 
	lastName:"Gates", 
	age:62, 
	eyeColor:"blue"
};

firstName, lastName, age, eyeColor 均为 Key（键）
"Bill", "Gates", 62, "blue" 均为 Value（值）

也可以通过 new 来创建对象

var person = new Object();
person.firstName = "Bill"
person.lastName = "Gates"
person.age = 62
person.eyeColor = "blue"

属性

读取属性

访问单个属性有三种写法

1.
person.age
2.
person['age']
3.
x = 'age'
person[x]

如果要访问所有对象内的所有属性，需要使用 for…in 进行循环

for(let key in person){
	console.log(person[key])
}

添加/修改属性

往 person 添加 a 属性

// 对象
var person = {
	firstName: "Bill", 
	lastName: "Gates", 
	age: 62, 
	eyeColor:"blue"
}
// 往对象添加属性
person.a = '132'
// 修改对象内的属性
person.age = 99

删除属性

// 对象
var person = {
	firstName: "Bill", 
	lastName: "Gates", 
	age: 62, 
	eyeColor: "blue"
}
// 删除对象里的 age 属性
delete person.age

方法

// 对象
var person = {
	firstName: "Bill", 
	lastName: "Gates", 
	age: 62, 
	fullName: function() {
		return this.firstName + " " + this.lastName
	}
}
// 使用
person.fullName()

输出对象

console.log(person)

直接 console.log(对象) 输出为 [object Object]

输出方法

1. 直接使用 person.firstName 的方式输出

console.log(person.firstName)

2. 使用 for…in 循环对象

for (let key in person) {
console.log(person[key])
}

3. 使用 Object.values 返回所有值

var values = Object.values(person)
console.log(vlaues)
// values 为数组，每一项都为 person 属性的值

4. 使用 JSON.stringify 进行字符串化

var objString = JSON.stringify(person)
console.log(objString)
// 输出为 {"firstName": "Bill",lastName: "Gates", "age": 62, "eyeColor": "blue"}

构造器

function Person(firstName, lastName, age, eyeColor) {
    this.firstName = firstName ;
    this.lastName = lastName ;
    this.age = age;
    this.eyeColor = eyeColor ;
}
// 这里的 this 指向的是构造器

// 使用
var me = new Person("Bill", "Gates", 62, "blue")
var you = new Person("Steve", "Jobs", 56, "green")

JavaScript 自带的原始构造器

var x1 = new Object()    // 一个新的 Object 对象
var x2 = new String()    // 一个新的 String 对象
var x3 = new Number()    // 一个新的 Number 对象
var x4 = new Boolean()   // 一个新的 Boolean 对象
var x5 = new Array()     // 一个新的 Array 对象
var x6 = new RegExp()    // 一个新的 RegExp 对象
var x7 = new Function()  // 一个新的 Function 对象
var x8 = new Date()      // 一个新的 Date 对象

普通写法

var x1 = {}    		   // 一个新的 Object 对象
var x2 = ""    		   // 一个新的 String 对象
var x3 = 0     		   // 一个新的 Number 对象
var x4 = false 		   // 一个新的 Boolean 对象
var x5 = []    		   // 一个新的 Array 对象
var x6 = /()/  		   // 一个新的 RegExp 对象
var x7 = function(){}  // 一个新的 Function 对象