《每天十分钟》-红宝书第4版-集合引用类型

实际上，在我们开发项目的过程中，框架搭建好之后，日常还是和各种类型的变量打交道，所以要写出严谨的代码还是要对常用的变量逐一学习，面试过程中也通常会被问一些api的理解，或者在解决问题过程中熟练使用api

Object

Object 是 ECMAScript 中最常用的类型之一，先带过两种创建方式，后续详细学习

1. new 操作符

let person = new Object(); 
person.name = "zhangsan"; 
person.age = 90;

2. 对象字面量（object literal）表示法。

let person = { 
 name: "zhangsan", 
 age: 90 
};

注意 在使用对象字面量表示法定义对象时，并不会实际调用 Object 构造函数。

Array

在日常开发离不开的类型之一，学习篇幅较大。创建数组的几种方式

1. 使用 Array 构造函数

let users = new Array();
//创建一个初始 length 为 20 的数组
let users = new Array(20);
// 创建一个包含 3 个字符串值的数组
let users = new Array("zhangsan","lisi","wangwu")
// 也可以省略new 关键字
let users = Array(3); // 创建一个包含 3 个元素的数组
let users = Array("zhangsan"); // 创建一个只包含一个元素，即字符串"Greg"的数组

所以，创建数组时可以给构造函数传一个值。因为如果这个值是数值，则会创建一个长度为指定数值的数组；而如果这个值是其他类型的，则会创建一个只包含该特定值的数组。

2. 数组字面量（array literal）表示法

let users = ["zhangsan", "lisi", "wangwu"]; // 创建一个包含 3 个元素的数组
let users = []; // 创建一个空数组
let users = [1,2,]; // 创建一个包含 2 个元素的数组

注意 与对象一样，在使用数组字面量表示法创建数组不会调用 Array 构造函数

Array 构造函数还有两个 ES6 新增的用于创建数组的静态方法：from()和 of()。from()用于将类数组结构转换为数组实例，而 of()用于将一组参数转换为数组实例。

// 字符串会被拆分为单字符数组
console.log(Array.from("Matt")); // ["M", "a", "t", "t"] 
// 可以使用 from()将集合和映射转换为一个新数组
const m = new Map().set(1, 2) 
 .set(3, 4); 
const s = new Set().add(1) 
 .add(2) 
 .add(3) 
 .add(4); 
console.log(Array.from(m)); // [[1, 2], [3, 4]] 
console.log(Array.from(s)); // [1, 2, 3, 4] 
// Array.from()对现有数组执行浅复制
const a1 = [1, 2, 3, 4]; 
const a2 = Array.from(a1); 
console.log(a1); // [1, 2, 3, 4] 
alert(a1 === a2); // false 
// 可以使用任何可迭代对象
const iter = { 
 *[Symbol.iterator]() { 
 yield 1; 
 yield 2; 
 yield 3; 
 yield 4; 
 } 
}; 
console.log(Array.from(iter)); // [1, 2, 3, 4]
// arguments 对象可以被轻松地转换为数组
function getArgsArray() { 
 return Array.from(arguments); 
} 
console.log(getArgsArray(1, 2, 3, 4)); // [1, 2, 3, 4] 
// from()也能转换带有必要属性的自定义对象
const arrayLikeObject = { 
 0: 1, 
 1: 2, 
 2: 3, 
 3: 4, 
 length: 4 
}; 
console.log(Array.from(arrayLikeObject)); // [1, 2, 3, 4]

Array.from()还接收第二个可选的映射函数参数。这个函数可以直接增强新数组的值，而无须像调Array.from().map()那样先创建一个中间数组。还可以接收第三个可选参数，用于指定映射函数中 this 的值。但这个重写的 this 值在箭头函数中不适用。

const a1 = [1, 2, 3, 4]; 
const a2 = Array.from(a1, x => x**2); 
const a3 = Array.from(a1, function(x) {return x**this.exponent}, {exponent: 2}); 
console.log(a2); // [1, 4, 9, 16] 
console.log(a3); // [1, 4, 9, 16]

Array.of()可以把一组参数转换为数组。这个方法用于替代在 ES6之前常用的 Array.prototype.slice.call(arguments)，将 arguments 对象转换为数组的写法：

console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] 
console.log(Array.of(undefined)); // [undefined]

3. 数组空位（hole）

const options = [,,,,,]; // 创建包含 5 个元素的数组
console.log(options.length); // 5 
console.log(options); // [,,,,,]

const options = [1,,,,5]; 
for (const option of options) { 
 console.log(option === undefined); 
} 
// false 
// true 
// true 
// true 
// false

注意 由于行为不一致和存在性能隐患，因此实践中要避免使用数组空位。如果确实需要空位，则可以显式地用 undefined 值代替。

4. 数组索引

let colors = ["red", "blue", "green"]; // 定义一个字符串数组
alert(colors[0]); // 显示第一项
colors[2] = "black"; // 修改第三项
colors[3] = "brown"; // 添加第四项

数组 length 属性的独特之处在于，它不是只读的。通过修改 length 属性，可以从数组末尾删除

let colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
colors.length = 2; 
alert(colors[2]); // undefined

let colors = ["red", "blue", "green"]; // 创建一个包含 3 个字符串的数组
colors.length = 4; 
alert(colors[3]); // undefined

注意 数组最多可以包含 4 294 967 295 个元素，这对于大多数编程任务应该足够了。如果尝试添加更多项，则会导致抛出错误。以这个最大值作为初始值创建数组，可能导致脚本 运行时间过长的错误。

5. 监测数组
   判断以一个变量是不是数组

if (Array.isArray(value)){ 
 // 操作数组
}

今天先写到这，最近上班开车路上听了几段关于项羽的书，于是搜了一下评论项羽的诗，选了一首，欣赏一下
《项羽》 宋 钱舜选
项羽天资自不仁，那堪亚父作谋臣。
鸿门若遂樽前计，又一商君又一秦。