1、对象
概念:对象可以通过花括号{...} 和其中包含一些可选的属性来创建。 属性时一个键值对,键是一个字符串,值可以是任何类型。
对象的创建
let user = new Object(); //构造函数 的语法
let user = {}; //"字面量" 的语法
对象的属性:
let user = { //一个对象
name : "John", //键“name" ,值"John"
age:30 //"键”age“ ,值 30
}; 属性有键 ,在冒号的前面”:“,值在冒号的右边
对象属性的添加和删除
user.sex = "man"; //对象属性的添加
delete user.sex; //对象的的删除
对象中方括号的使用
//处理多词属性
let user = {}; user["like birds"] = true;//设置 alert(user["like birds"]); //true 使用 delete user["like birds"]; // 删除
计算属性
//例子一:
let fruit ="apple";
let bag = {
[fruit]:5
};
alert(bag.apple); //例子二:
let fruit = "apple";
let bag = {};
bag[fruit] = 5;
//例子三
let fruit = "apple";
let bag = {
[fruit + "test"]:5;
};
alert(bag.fruittest);
属性值简写
当属性值的和键相同时可以如下所写
let user = {
name, //此处 name 和 name:name 相同
age:13
}
对像属性存在值的检查
判断的方式 通过获取属性如果为undefined 则不存在,另一种方式为使用 in 关键字,但也存在特殊情况。具体示例如下:
let user = {); alert( user.isExist==undifined) //true 表示这个属性不存在 alert("isExist" in user); //false 属性不存在 //特殊情况 let obj = {
test:undefined
} alert(obj.test==undefined) //false ,但是这个属性存在,所以这时候使用这种方式就不合适
alert("test" in obj); //true 表示这个属性存在。
for ... in 循环
let user = {
name: "John",
age: 30,
isAdmin: true
}; for(let key in user) {
// keys
alert( key ); // name, age, isAdmin
// 属性键的值
alert( user[key] ); // John, 30, true
}
引用复制
let user = { name: 'John' }; let admin = user; admin.name = 'Pete'; // 改变 "admin" 的引用 alert(user.name); // 'Pete', changes are seen from the "user" reference
上面的例子展示了只存在一个对象,就像我们的抽屉有两把钥匙,如果一个钥匙(admin)去使用了
抽屉,稍后使用另外一个钥匙(user)打开的时候,就会看到有变化。
比较引用
//两个引用指向同一个对象的时候他们相等。
let a = {};
let b = a; // 复制引用 alert( a == b ); // true,两个变量指向同一个对象
alert( a === b ); // true //如果是两个不同的属性,他们就不相等,即使都是空的。
let a = {};
let b = {}; // 两个独立的对象 alert( a == b ); // false
常量对象
//一个被 const 修饰的对象可以被修改。
const user = {
name: "John"
}; user.age = 25; // (*) alert(user.age); // 25
//但是不能修改user这个对象
const user = {
name: "John"
}; // 错误(不能再给 User 赋值)
user = {
name: "Pete"
};
对象复制和合并 Object.assign
复制一个对象的变量也等同于创建了此对象的另一个引用。
//用原始的代码操作
let user = {
name: "John",
age: 30
}; let clone = {}; // 新的空对象 // 复制所有的属性值
for (let key in user) {
clone[key] = user[key];
} // 现在复制是独立的复制了
clone.name = "Pete"; // 改变它的值 alert( user.name ); // 原对象属性值不变
用Object.assign 来实现
语法:Object.
assign
(
dest[
,
src1,
src2,
src3...
]
)
- 参数
dest
和src1, ..., srcN
(可以有很多个)是对象。 - 这个方法复制了
src1, ..., srcN
的所有对象到dest
。换句话说,从第二个参数开始,所有对象的属性都复制给了第一个参数对象,然后返回dest
。let user = {
name: "John",
age: 30
}; let clone = Object.assign({}, user);特殊情况,对象中仍有对象
let user = {
name: "John",
sizes: {
height: 182,
width: 50
}
}; let clone = Object.assign({}, user); alert( user.sizes === clone.sizes ); // true,同一个对象 // user 和 clone 共享 sizes 对象
user.sizes.width++; // 在这里改变一个属性的值
alert(clone.sizes.width); // 51在这种情况下,对象内部的对象并没有完全复制,而只是复制了对象的的值,在这种情况下,要再次判断,或者选择完善的j库