目录

数组

Array.of()

Array.from()

类数组对象

转换可迭代对象

扩展的方法

查找

填充

遍历

包含

嵌套数组转一维数组

数组缓冲区

创建数组缓冲区

视图

定型数组

创建

注意要点

扩展运算符

复制数组

字符串

repeat()

includes()

startwith()

endwith()

trim()


数组:

数组创建

Array.of()

将参数中所有值作为元素形成数组。

Es6数组转换成对象 es6数组转字符串_Es6数组转换成对象

 Array.from()

Es6数组转换成对象 es6数组转字符串_数据结构_02

 

arrayLike

想要转换的类数组对象或可迭代对象。

mapFn

可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。

thisArg

可选,用于指定 map 函数执行时的 this 对象。

Es6数组转换成对象 es6数组转字符串_数据结构_03

 

类数组对象

一个类数组对象必须含有 length 属性,且元素属性名必须是数值或者可转换为数值的字符。

Es6数组转换成对象 es6数组转字符串_前端_04

 

转换可迭代对象

转换 map

Es6数组转换成对象 es6数组转字符串_前端_05

 转换 set

Es6数组转换成对象 es6数组转字符串_数据结构_06

 转换字符串

Es6数组转换成对象 es6数组转字符串_数组_07

 

扩展的方法

查找

find()

查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。

Es6数组转换成对象 es6数组转字符串_es6_08

 findIndex()

查找数组中符合条件的元素索引,若有多个符合条件的元素,则返回第一个元素索引。

Es6数组转换成对象 es6数组转字符串_es6_09

 

填充

fill()

将一定范围索引的数组元素内容填充为单个指定的值。

Es6数组转换成对象 es6数组转字符串_es6_10

copyWithin()

将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。

Es6数组转换成对象 es6数组转字符串_数组_11

 

遍历

entries()

遍历键值对。

Es6数组转换成对象 es6数组转字符串_前端_12

keys()

遍历键名。

 

Es6数组转换成对象 es6数组转字符串_前端_13

 

values()

遍历键值。

Es6数组转换成对象 es6数组转字符串_前端_14

 

包含

includes()

数组是否包含指定值。

注意:与 Set 和 Map 的 has 方法区分;Set 的 has 方法用于查找值;Map 的 has 方法用于查找键名。

 

Es6数组转换成对象 es6数组转字符串_数据结构_15

 

嵌套数组转一维数组

flat()

Es6数组转换成对象 es6数组转字符串_数组_16

 flatMap()

先对数组中每个元素进行了的处理,再对数组执行 flat() 方法。

Es6数组转换成对象 es6数组转字符串_前端_17

 

数组缓冲区

数组缓冲区是内存中的一段地址。

定型数组的基础。

实际字节数在创建时确定,之后只可修改其中的数据,不可修改大小。

创建数组缓冲区

通过构造函数创建:

Es6数组转换成对象 es6数组转字符串_Es6数组转换成对象_18

视图

视图是用来操作内存的接口。

视图可以操作数组缓冲区或缓冲区字节的子集,并按照其中一种数值数据类型来读取和写入数据。

DataView 类型是一种通用的数组缓冲区视图,其支持所有8种数值型数据类型。

创建:

 

Es6数组转换成对象 es6数组转字符串_数据结构_19

 

定型数组

数组缓冲区的特定类型的视图。

可以强制使用特定的数据类型,而不是使用通用的 DataView 对象来操作数组缓冲区。

创建

通过数组缓冲区生成

Es6数组转换成对象 es6数组转字符串_Es6数组转换成对象_20

 通过构造函数

Es6数组转换成对象 es6数组转字符串_es6_21

 

扩展运算符

复制数组

Es6数组转换成对象 es6数组转字符串_前端_22

合并数组

Es6数组转换成对象 es6数组转字符串_数据结构_23

 

 

字符串:

1.repeat()用于返回重复字符串参数为重复的次数

Es6数组转换成对象 es6数组转字符串_数据结构_24

 

2.includes()用于判断是否存在目标字符,存在返回true不存在返回false

Es6数组转换成对象 es6数组转字符串_数组_25

 

3.startWith()判断是否以什么开头

Es6数组转换成对象 es6数组转字符串_es6_26

 

4.endWith()判断是否以什么结尾

Es6数组转换成对象 es6数组转字符串_数据结构_27

 

5.trim()用于去除首尾字符串的空格

Es6数组转换成对象 es6数组转字符串_数组_28