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...])

  • 参数 destsrc1, ..., 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库

05-28 23:46