JS标准库

学习一门编程语言不仅是掌握其语法。同等重要的是学习其标准库，从而熟练掌握语言本身提供的所有工具。

1 定型数组

js常规数组与C和Java等较低级语言的数组类型还是有很大区别。ES6新增了定型数组，与这些语言的低级数组非常接近。

定型数组严格来说并不是数组（Array.isArray()对它们返回false），但它们实现了所有数组方法，外加几个它们自己的方法。定型数组与常规数组存在如下几个非常重要的区别：

1）定型数组的元素全部都是数值。定型数组允许指定存储在数组中的数值类型和大小。

2）创建定型数组时必须指定长度，且该长度不能再改变。

3）定型数组的元素在创建时始终都会被初始化为0。

1.1 创建定型数组

1）调用相应的构造函数，并传入一个表示数组元素个数的数值参数：

let bytes = new Uint8Array(1024);

let rgba = new Uint8ClampedArray(4);

2) 静态工厂方法of():

let point = Int16Array.of(2,4,5);

3) 静态工厂方法from():

let newPoint = Int16Array.from(point);

4) 使用ArrayBuffer 。ArrayBuffer是对一块内存的不透明引用。通过其构造函数创建，参数为想分配内存的字节数。

let buffer = new ArrayBuffer(1024 * 1024);

buffer.byteLength; // 1M内存

ArrayBuffer不允许读取或写入分配的任何字节。但是可创建使用该缓冲区内存的定型数组，通过这个数组来读取或写入内存。在调用构造定型数组的构造函数时，需要将ArrayBuffer当作第一个参数，第2个参数时该缓冲区的字节偏移量，第3个参数是数组的长度。如果省略第2及第3个参数，则数组会使用缓冲区的所有内存。

int lastk = new Uint8Array(buffer,0, 1024 / 8);

let ints2 = new Int32Array(buffer,1024,256);

上面2个定型数组提供了对ArrayBuffer所表示内存的2个不同视图。

所有定型数组底层都有一个ArrayBuffer,即使你没明确指定。之所以需要直接指定，是因为有时可能需要一个缓冲区的多个定型数组视图。

1.2 定型数组的方法与属性

1）set() 把其他常规数组或定型数组的元素复制到当前定型数组中。第1个参数是一个数组或定型数组，第2个参数时偏移量（不指定则为0）。

let arr = new Int8Array(6);
arr.set([1,2]);
console.log(arr); // [1,2,0,0,0,0]
arr.set([3,4],1);
console.log(arr); // [1,3,4,0,0,0]

2) subarray() 返回调用它的定型数组的一部分。第1个参数表示开始位置，第2个参数结束位置。subarray()不复制内存，只返回底层值的一个新视图。

let arr = new Int8Array([1,2,3,4,5,6]);
let subArr = arr.subarray(4);
console.log(subArr); // [5,6]
arr[4] = 99;
console.log(arr); // [1,2,3,4,99,6]
console.log(subArr); // [99,6]

3) 定型数组的属性：

arr.buffer; // 定型数组的ArrayBuffer对象

arr.buffer == subArr.buffer; // true,都是同一缓冲区的视图

subArr.byteOffset; // 4, 从缓冲区的字节4开始

subArr.byteLength; // 2 视图长度为2

2 正则表达式与模式匹配

正则表达式通过RegExp对象来表示。RegExp对象可以使用RegExp()构造函数创建，但更多时通过一种特殊的字面量语法来创建：包含在一对斜杠(/)字符之间的字符，例如 /he+[2]/。

2.1 模式匹配的字符串方法

1）search()，接收一个正则表达式参数，返回第一个匹配项起点字符的位置。

"hello word.what is this?".search(/\bw/); // 6

2) replace()，第一个参数是正则表达式，第二个参数是替换字符串。如果正则表达式带g标志，则其会替换所有匹配项，否则只替换第一个匹配项。

"He said 'stop'".replace(/'([^']*)'/g,"《$1》") // He said 《stop》

replace() 第二个参数还可以是一个函数，其第一个参数是匹配的整个文本。

"He said 'stop'".replace(/(?<=')([^']*)(?=')/g,text => "《" + text + "》") //He said '《stop》'

3) match(),唯一参数是一个正则表达式。返回一个数组，包含匹配的结果，如果正则表达式没有g标志，返回的第一个元素是匹配的字符串，剩下的所有元素是正则表达式中括号分组的捕获组匹配的子字符串。

let url = /(?<protocol>\w+):\/\/(?<host>[\w.]+)\/(?<path>\S*)/;
let text = "Visit my blog at https://blog.csdn.net/qq_25308331?type=blog";
let math = text.match(url);
console.log(math[0]); // https://blog.csdn.net/qq_25308331?type=blog
console.log(math.input); // "Visit my blog at https://blog.csdn.net/qq_25308331?type=blog";
console.log(math.index); // 17
console.log(math.groups.protocol); // https
console.log(math.groups.host); // blog.csdn.net
console.log(math.groups.path); // qq_25308331?type=blog

在非全局搜索的情况下，math()返回的数组除了可以通过数组索引元素，也有一些对象属性。

4) split(),接收一个正则表达式参数，注意，如果这个正则表达式中包含捕获组，则捕获组匹配的文本也会包含在返回的数组中。

"Testing<br/>1,2,3".split(/<([^>]+)>/) // [ 'Testing', 'br/', '1,2,3' ]