对象
- 对象是具有一些特殊特性的关联数组。它们存储属性(键值对):属性的键必须是字符串或者 symbol(通常是字符串)。值可以是任何类型。
- 两种语法
- let user = new Object(); // “构造函数” 的语法
- let user = {}; // “字面量” 的语法,通常,用花括号,这种方式我们叫做字面量。
- 注意:最后一个属性应以逗号结尾。这叫做尾随(trailing)或悬挂(hanging)逗号。这样便于我们添加、删除和移动属性,因为所有的行都是相似的。
- 2个方法访问属性
- 点符号: obj.property。点符号要求 key 是有效的变量标识符。这意味着:不包含空格,不以数字开头,也不包含特殊字符(允许使用 $ 和 _)。
- 方括号 obj["property"],方括号允许从变量中获取键,例如 obj[varWithKey]。对于多词属性,点操作就不能用了。使用方括号,可用于任何字符串。方括号中的字符串要放在引号中,单引号或双引号都可以。
- 注意:多词属性名必须加引号。
- 方括号同样提供了一种可以通过任意表达式来获取属性名的方法 —— 跟语义上的字符串不同 —— 比如像类似于下面的变量:
let key = "likes birds";
user[key] = true; // 跟 user["likes birds"] = true; 一样
//在这里,变量 key 可以是程序运行时计算得到的,也可以是根据用户的输入得到的。然后我们可以用它来访问属性。这给了我们很大的灵活性。
- 删除属性:delete obj.prop。
- 检查是否存在给定键的属性:"key" in obj。
- 属性存在性测试,“in” 操作符:相比于其他语言,JavaScript 的对象有一个需要注意的特性:能够被访问任何属性。即使属性不存在也不会报错!读取不存在的属性只会得到 undefined。所以我们可以很容易地判断一个属性是否存在。
let user = {};
alert( user.noSuchProperty === undefined ); // true 意思是没有这个属性
- 还有一个特别的,检查属性是否存在的操作符 "in"。
"key" in object
- 请注意,in 的左边必须是 属性名。通常是一个带引号的字符串。如果我们省略引号,就意味着左边是一个变量,它应该包含要判断的实际属性名。为何会有 in 运算符呢?与 undefined 进行比较来判断还不够吗?确实,大部分情况下与 undefined 进行比较来判断就可以了。但有一个例外情况,这种比对方式会有问题,但 in 运算符的判断结果仍是对的。那就是属性存在,但存储的值是 undefined 的时候。这种情况很少发生,因为通常情况下不应该给对象赋值 undefined。我们通常会用 null 来表示未知的或者空的值。因此,in 运算符是代码中的特殊来宾。
- “for…in” 循环:为了遍历一个对象的所有键(key),可以使用一个特殊形式的循环:for..in。这跟我们在前面学到的 for(;;) 循环是完全不一样的东西。
//遍历对象:for(let key in obj) 循环。
for (key in object) {
// 对此对象属性中的每个键执行的代码
}
- 像对象一样排序:整数属性会被进行排序,其他属性则按照创建的顺序显示。这里的“整数属性”指的是一个可以在不做任何更改的情况下与一个整数进行相互转换的字符串。
- 计算属性:当创建一个对象时,我们可以在对象字面量中使用方括号。这叫做 计算属性。可以在方括号中使用更复杂的表达式。方括号比点符号更强大。它允许任何属性名和变量,但写起来也更加麻烦。大部分时间里,当属性名是已知且简单的时候,就使用点符号。如果我们需要一些更复杂的内容,那么就用方括号。
- 属性值简写:在实际开发中,我们通常用已存在的变量当做属性名。属性名跟变量名一样。这种通过变量生成属性的应用场景很常见,在这有一种特殊的 属性值缩写 方法,使属性名变得更短。
- 属性名称限制:变量名不能是编程语言的某个保留字,如 “for”、“let”、“return” 等……但对象的属性名并不受此限制。属性名可以是任何字符串或者 symbol(一种特殊的标志符类型,将在后面介绍)。这里有个小陷阱:一个名为 __proto__ 的属性。我们不能将它设置为一个非对象的值。
- JavaScript 中还有很多其他类型的对象:
- Array 用于存储有序数据集合,
- Date 用于存储时间日期,
- Error 用于存储错误信息。
- 它们有着各自特别的特性,有时候大家会说“Array 类型”或“Date 类型”,但其实它们并不是自身所属的类型,而是属于一个对象类型即 “object”。它们以不同的方式对 “object” 做了一些扩展。
对象引用和复制
- 对象通过引用被赋值和拷贝。换句话说,一个变量存储的不是“对象的值”,而是一个对值的“引用”(内存地址)。因此,拷贝此类变量或将其作为函数参数传递时,所拷贝的是引用,而不是对象本身。
- 所有通过被拷贝的引用的操作(如添加、删除属性)都作用在同一个对象上。通过引用来比较:仅当两个对象为同一对象时,两者才相等。
- 克隆与合并,Object.assign:拷贝一个对象变量会又创建一个对相同对象的引用。为了创建“真正的拷贝”(一个克隆),我们可以使用 Object.assign 来做所谓的“浅拷贝”(嵌套对象被通过引用进行拷贝)或者使用“深拷贝”函数,例如 _.cloneDeep(obj)。
- 也可以使用 Object.assign 方法来达成同样的效果。
- 语法:Object.assign(dest, [src1, src2, src3...])
- 第一个参数 dest 是指目标对象。
- 更后面的参数 src1, ..., srcN(可按需传递多个参数)是源对象。
- 该方法将所有源对象的属性拷贝到目标对象 dest 中。换句话说,从第二个开始的所有参数的属性都被拷贝到第一个参数的对象中。
- 调用结果返回 dest。
- 另:也可以用 Object.assign 代替 for..in 循环来进行简单克隆:
let user = {
name: "John",
age: 30
};
let clone = Object.assign({}, user);
//将 user 中的所有属性拷贝到了一个空对象中,并返回这个新的对象。还有其他克隆对象的方法,例如使用 spread 语法 clone = {...user}
- 深层克隆:到现在为止,我们都假设 user 的所有属性均为原始类型。但属性可以是对其他对象的引用。那应该怎样处理它们呢?