Array

JavaScript

Array

valueOf()返回数组本身，toString()方法返回以逗号分隔的字符串，join() 方法接受一个参数，使用指定分隔符将数组拼接成字符串。

重排序方法

reverse()方法反转数组项的顺序。
sort()方法使用冒泡排序算法对数组进行排序，默认情况下是按照字符串的顺序升序排序。可以通过指定比较函数的方式来改变排序方式，比较函数接受两个参数，如果第一个参数应该位于第二个之前则返回一个负数，如果第一个参数应该位于第二个之后则返回一个正数。

function compare(value1, value2) {
    if(value1 < value2) {
        return -1;
    } else if (value1 > value2) {
        return 1;
    } else {
        return 0;
    }
}
values.sort(compare);

操作方法

• push()方法将参数逐个添加到数组末尾，这个方法的返回值是 length。
• pop()方法从数组末尾移除一项。
• shift()方法取得数组中的第一项。
• unshift()方法在数组前端添加任一项，这个方法的返回值是 length。
• concat()方法可以基于当前数组的所有项创建一个新数组，然后将参数中的项或者参数中数组的项添加到结果数组后。
• splice()方法从第一个参数指定的位置，删除第二个参数指定的数量的项，然后将其余参数插入这个位置上。
• fill()方法填充指定位置的数组元素，接受三个参数，填充值、开始索引和结束索引，不包括结束位置。
• copyWithin()方法接受两个参数，开始填充值的索引位置和开始复制值的索引位置。

//删除数组位置2的项，再从数组位置2加入插入两个字符串
color.splice(2,1,"red","green");
// 从索引 0 开始复制值，从索引 0 开始粘贴值
let n = [1, 2, 3, 4, 5, 6, 7];
n.copyWithin(2, 0);
console.log(n); // [1, 2, 1, 2, 3, 4, 5]

位置方法

• indexOf()接受两个参数，要查找的项和查找的起点位置，不指定则默认从位置0开始。
• lastIndexOf()反向查找，两个方法都返回要查找的项的位置，没有找到则返回-1。
• find()方法接受两个参数，回调函数和需要绑定的 this 值，返回第一个符合条件的元素。
• findIndex()方法接受两个参数，回调函数和需要绑定的 this 值，返回第一个符合条件的元素的位置。

let numbers = [25, 30, 35, 40, 45];
numbers.find(n => n > 33);  // 35

迭代方法

有5个迭代方法，每个方法都接受两个参数：要在每一项上运行的函数和运行该函数的作用域对象。传入这些方法中的函数会接受三个参数：数组项的值、该项在数组中的位置和数组对象本身。

• every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回 true，则返回 true。
• fliter()：对数组中的每一项运行给定函数，返回该函数会返回 true 的项组成的数组。
• forEach()：对数组中的每一项运行给定函数。这个方法没有返回值。
• map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
• some()：对数组中的每一项运行给定函数，如果该函数对任一项返回 true，则返回 true。

归并方法

有2个并归数组的方法，reduce()和 reduceRight()，这两个方法会迭代数组的所有项，然后构建一个最终的返回值。reduce()方法从前往后遍历，reduceRight()方法从后往前遍历。这两个方法接受两个参数：一个在每一项上调用的函数和作为并归的基础值。传入的函数接受4个参数，前一个值、当前值、项的索引和数组对象。

//求和
var values = {1,2,3,4,5};
var sum = values.reduce(function(prev, cur, index, array){
    return prev + cur;
});

创建数组

• Array.of: 接受任意多个参数，返回一个包含这些元素的新数组。
• Array.from: 接受可迭代对象或类数组对象作为第一个参数，将其转换为数组。还可以提供一个映射函数作为第二个参数。

function translate() {
    return Array.from(arguments, value => value + 1);
}

Set

不含有重复元素的有序列表，size 属性保存了 Set 集合中元素的数量。
Set 集合初始化接收一个数组，将该数组中的元素添加到 Set 集合中。

Set 集合具有以下方法：

• add: 向 Set 集合中添加数据
• delete: 接受一个参数，移除该数据
• forEach: 用法类似数组的同名方法，回调函数接受 3 个参数，前两个都是数据值，第三个是 Set 集合本身
• has: 检查 Set 集合中是否含有该值
• clear: 移除 Set 集合中所有值

Weak Set

Weak Set 保存的是对象的弱引用，当对象没有被强引用时对象就会被释放。

• Weak Set 集合不支持 forEach 方法和 clear 方法，不支持 size 属性。
• Weak Set 中只能够保存对象，向 add()、has() 和 delete() 传入非对象参数都会导致程序报错。
• Weak Set 集合不可迭代，不暴露任何迭代器。

Map

保存许多键值对的有序列表，键和值支持所有数据类型，数字 5 和字符串 '5' 会被判定为两种类型。
Map 集合初始化接收任意多个两元素数组，第一个元素作为键名，第二个元素作为值。

Map 集合具有以下方法：

• get: 接收一个键名返回对应的值，键不存在则返回 undefined
• has: 检测指定的键名在 Map 集合中是否存在
• delete: 移除指定键名和其对应的值
• clear: 移除 Map 集合中所有键值对

Weak Map

Weak Map 的键名保存的是对象的弱引用，值保存的是强引用，当键名被释放时会移除整个键值对。

• Weak Map 中的键名必须为对象，值可以为任意类型。
• Weak Map 不支持 clear 方法，不支持 size 属性。

ArrayBuffer

ArrayBuffer 直接储存二进制数据，初始化中传入缓冲区的字节长度，可以通过 byteLength 属性查看缓冲区的比特数量。
可以通过 slice() 方法分割已有缓冲区来创建一个新的缓冲区。

DataView

DataView 是数组缓冲区视图，初始化时传入一个 ArrayBuffer 作为第一个参数，还可以传入第二个参数作为偏移量，第三个参数作为比特数量。

DateView 拥有以下属性

• buffer 视图绑定的数组缓冲区。
• byteOffset 偏移量。
• byteLength 视图比特数量。

DataView 对数据的读取与写入支持以下数据类型: int8, uint8, int16, uint16, int32, uint32, float32, float64。以 int8 为例，读取和写入数据的方法：

• getInt8(): 接受两个参数，读取数据时偏移的字节数量，可选的表示是否按照小端序的布尔值。
• setInt8(): 接受三个参数，写入数据时偏移的字节数量，写入的数据值和可选的表示是否按照小端序的布尔值。

TypedArray

定型数组是用于数组缓冲区的特定类型的视图，在定型数组中强制使用特定的数据类型，定型数组使用数值型索引进行读取和写入。

定型数组有以下构造函数：Int8Array, Uint8Array, Uint8ClampedArray, Int16Array, Uint16Array, Int32Array, Uint32Array, Float32Array, Float64Array。其中 Uint8ClampedArray 会对溢出的数据进行强制转换为 0 或者 255，其他类型不会进行强制转换。

定型数组的创建有三种方法：

• 直接传入数组元素的长度值来新建一个定型数组。
• 传入一个数组缓冲区、可选的比特偏移量和可选的长度值来在已有的数组缓冲区上建立定型数组。
• 传入一个数组、类数组、定型数组或者可迭代对象来将这个对象转换为定型数组。

定型数组支持以下数组方法：
copyWithin, findIndex, lastIndexOf, slice, entries, forEach, map, some, fill, indexOf, reduce, sort, filter, join, reduceRight, values, find, keys, reverse

set 方法接受两个参数，一个数组或者定型数组，一个可选的偏移量，将数组中的数据复制到定型数组中。

subarray 方法接受两个参数，开始位置和结束位置，返回一个新的定型数组。

为定型数组中不存在的索引赋值会被忽略。