数组的增强-《understanding-ECMAScipt6》
前言
前两天看了别人写的博客，对某些知识点挖掘的深度和对知识点描述语言的通俗令我赞叹。
我写的这一系列读书笔记的初衷是想写给自己备忘的。
最初的目的，是想要翻到这个文章，就能够自己看的懂描述。
毕竟有些东西，不常用，细节不一定记得那么清楚。
新的方法
Array.of()
旧的构造数组方式new Array()的行为诡异，如果只传入一个参数，并且这个参数是数字，那么会构造出来一个长度为这个数字的数组。
Array.of()统一了行为，加入的项只会是数组的内容。
Array.from()
在ES5中，如果需要将类数组转变为数组，需要下面的代码:
let arr = Array.prototype.slice.call(arrayLike);
ES6中，我们可以使用Array.from():
/*
* Array.from(arrayLike[, mapFn[, thisArg]])
* 一参为类数组
* 二参为类似map的函数
* 三参为函数的this指向
*/
let arr = Array.from(arrayLike)
Array.prototype.find(callback[,thisArg])
callback有三个参数，item,index,thisArray
thisArg为callback的this指向
返回值为通过callback测试的值的集合，若无，则为undefined
Array.prototype.findIndex(callback[,thisArg])
和find方法的区别就是，返回值是通过callback测试的索引值的集合
Array.prototype.fill(特定的值[,起点][,终点(可为负)])
好像没有什么好描述的
对了，这个主要用在类型数组（typed array）
Array.prototype.copyWithin(target[, start][, end])
数组内部的自复制,感觉有点难理解，还是上一段代码吧。
['alpha', 'bravo', 'charlie', 'delta'].copyWithin(2, 0);
// results in ["alpha", "bravo", "alpha", "bravo"]
target，目标的起始位置
start，复制的起始位置，默认为0
end，复制的终点位置，默认为数组最后一项的位置
这个主要用在类型数组（typed array）
Typed Array
Typed Array 主要是为了WebGL 和OPEN GL ES2.0设计的
数字类型
- int8
- uint8
- int16
- uint16
- int32
- uint32
- float32
- float64
Array Buffers
创建buffer
let buffer = new ArrayBuffer(10) //调用c的malloc()方法，创建一个10字节的buffer
let buffer2 = buffer.slice(4,6)//生成新buffer，渠道上一buffer的4和5位
用视图操作buffer数组
//DataView(buffer[,byteOffset][,byteLength])
let buffer = new ArrayBuffer(10),
views = new DataView(buffer,5,2);
view.byteOffset //5
view.byteLength //2
读写数据
下面是操作8字节的方法， 操作16字节和32字节整型的方法只需要将下列方法中的8替换为16或者32.
getInt8(byteOffset, littleEndian)setInt8(byteOffset, value, littleEndian)getUint8(byteOffset, littleEndian)setUint8(byteOffset, value, littleEndian)
下面是操作浮点数的方法
getFloat32(byteOffset, littleEndian)setFloat32(byteOffset, value, littleEndian)getFloat64(byteOffset, littleEndian)setFloat64(byteOffset, value, littleEndian)
我擦，感觉好麻烦。不过，也有简化一点的法子
创建特定类型的视图
//Int8Array(buffer[,byteOffset][,byteLength])
let buffer = new ArrayBuffer(10),
views = new Int8Array(buffer,5,2);
view.byteOffset //5
view.byteLength //2
可以将以下对象作为参数传入构造函数
- A typed array
- An iterable
- An array
- An array-like object
各种类型构造函数
Int8Array(buffer[,byteOffset][,byteLength])Int16Array(buffer[,byteOffset][,byteLength])Int32Array(buffer[,byteOffset][,byteLength])Float32Array(buffer[,byteOffset][,byteLength])
这些方法的属性
- byteOffset
- byteLength
- length
- buffer
类型数组和正常数组相同点
可以通过索引值直接取值
值得注意的是，类型数组无法改变长度
共同的方法
- copyWithin()
- findIndex()
- lastIndexOf()
- slice()
- forEach()
- map()
- some()
- fill()
- indexOf()
- reduce()
- sort()
- filter()
- join()
- reduceRight()
- entries()
- values()
- keys()
- reverse()
虽然方法是一样的，但是还是有些细微的差别
- 会检测返回的数组的数字类型是不是合理
- 根据
[Symbol.species]确定返回的是类型数组还是常规数组
iterator接口
都具备iterator接口。
类型数组通过...接口时，会转换成常规数组
of()和from()方法
类型数组返回的都是类型数组
类型数组和正常数组不同点
- 类型数组的长度不可改变
- 类型数组中的项，如非正常数字，则替换为0
- 有些正常数组的方法，类型数组是没有的。因为类型数组不能改变数组长度，所以
concat(),shift(),pop(),unshift(),push()的方法是没有的。
类型数组新增的方法
TypedArray.prototype.set(typedarray/array [,offset])
第一个参数可以使类型数组或者常规数组
二参为写入类型数组的起始位置，默认为0
TypedArray.prototype.subarray([begin [,end]])
第一个参数为拷贝数组的起始位置，默认为0
二参为拷贝数组的终止位置，默认为数组的长度
