数组的增强-《understanding-ECMAScipt6》读书笔记10

前言

前两天看了别人写的博客,对某些知识点挖掘的深度和对知识点描述语言的通俗令我赞叹。
我写的这一系列读书笔记的初衷是想写给自己备忘的。
最初的目的,是想要翻到这个文章,就能够自己看的懂描述。
毕竟有些东西,不常用,细节不一定记得那么清楚。

新的方法

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
二参为拷贝数组的终止位置,默认为数组的长度

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容