JS/TS 学习记录三 JS Object、Array、Map和Set

Object类型

Object类型为ECMAScript最常用的类型之一，非常适合在应用程序间交换数据。创建Object对象，可以通过new关键字和对象字面量表示法两种方式。

let person1 = new Object();
person.name = "Jack";
person.age = 12;
//TS中不能使用这种方法
let person2 = {name: "Jack", age: 12};
person2.sex = male; //TS中非法
//对TS来说，定义Object对象时需明确其所含字段

Array类型

创建Array对象

ECMAScript数组类型与其他语言数组类型不同的是，ECMAScript数组可以存储任意类型的数据，并且其大小可以随数据的添加自动增长。

与Object类型类似，创建数组也可以通过new关键字和数组字面量两种方法进行。

let colors = new Array(); //创建一个空数组
colors = new Array(20); //创建长度为20的数组，其中每一个元素都为undefined
colors = Array("blue"); //省略new关键字，创建包含一个元素blue的数组
//以上为通过new关键字创建数组的几种写法
colors = []; //创建一个空数组
colors = ["blue", "red"];
//数组字面量写法

此外，ES6中Array构造函数新增了两个创建数组的静态方法：from()和of()。

from将类数组结构转换为数组实例，任何可迭代的结构，或者有一个length属性和可索引元素的结构，均可作为参数。of用于将“()”内的一堆参数转换为数组（arguments对象不能正确转换）。

const map1 = new Map().set(1,2).set(3,4);
const set1 = new Set().add(1).add(2).add(3).add(4);
console.log(Array.from(map1), Array.from(set1));
//打印输出为[[1, 2], [3, 4]] [1, 2, 3, 4]
function getArguments(...args: number[]){
    console.log(arguments, arguments.length, Array.from(arguments), Array.of(1, 2, 3, 4));
}
getArguments(1, 2, 3, 4);
//打印输出为[1, 2, 3, 4, ...] 4 [1, 2, 3, 4] [1, 2, 3, 4]

访问Array元素

Array对象可通过下标访问数据，当下标值超过数组长度时，返回undefined。数组长度可通过Array的length属性获取。数组的length属性是可读可写的，设置length小于数组长度时，超出部分的元素会被舍弃；设置length大于数组长度时，多余的部分会填充为undefined。

let array1 = [];
console.log(array1.length, array1[2], arr