简单介绍数组的内容
树图思维导图提供 互联网数组思维导图 在线思维导图免费制作,点击“编辑”按钮,可对 互联网数组思维导图 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:3674b239c5d45a139b94e5c6a9b52334
数组思维导图模板大纲
push:添加到数组末尾
unshift:出入元素到数组首位
pop:删除数组最靠后的元素
shift:从数组首位删除元素
splice(p1,p2,p3)
第一个参数p1:想要删除或添加的元素的索引值
第二个参数p2:删除元素的个数
第三个参数p3:第三个参数往后,就是要添加到数组里面的值
用嵌套的循环语句迭代数组元素
数组合并:concat
迭代器函数
every:迭代数组每个元素,直到返回false才停止
返回新数组的的遍历方法
map
filter:返回的新数组由使函数返回true的元素组成
reduce:此方法接受一个函数做参数
函数的参数:previous,current,index,array
使用场景:求数组元素总和
some:和every类似,但直到返回true才停止
forEach:与for循环的结果相同
ES6和数组的新功能
使用for…of迭代
@@iterator:通过Symbol.iterator
entries():返回包含键值对的@@iterator
values():返回的@@iterator包含数组的值
keys():返回的@@iterator包含数组索引
来访问,不断调用next方法实现迭代
from:根据已有的数组创建一个新的数组
可以传入一个过滤数组的函数
Array.of:根据传入的参数创建一个新数组
如Array.of(…numbers)
fill:可传入三个参数
只有一个参数:数组中的所有位置的值都会变成该值
使用场景较多:初始化一个数组的值
如:Array(3).fill(1)
两个参数:第一个参数表示填充的值,第二个参数表示指定开始填充的索引
三个参数:前两参数如上,第三个参数表示填充结束的位置,但不包含该位置
copyWithin:复制数组中的一系列
三个参数时:前两参数同上,第三个参数表示要复制的元素的结束位置
但不包括该位置
两个参数时:第一个表示复制元素指定的起始位置,第二个表示复制的
元素从该位置开始到结束
元素到同一数组指定的起始位置
排序元素:sort
sort方法在对数组排序时,把元素默认成字符串来相互比较
字符串排序:是根据字符对应的ASCⅡ值比较,与大小写字母的顺序无关
搜索
ES7的includes
一个参数时:表示是否含有这个值,返回布尔值
两个参数时:第二个参数表示搜索开始的位置
ES6 find和 findIndex
find:返回第一个满足条件的值,不满足返回undefined
findIndex:返回这个值在数组中的索引,不满足返回-1
输出数组为字符串
toString:把所有的元素输出为一个字符串
join:参数可以放置不同的分隔符
用途:用于存储单一类型的数据
使用场景:WebGL API、进行位操作、处理文件和图像
概括思维导图模板大纲
树图思维导图提供 PHP数组思维脑图 在线思维导图免费制作,点击“编辑”按钮,可对 PHP数组思维脑图 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:eb1b59000b714a9bd08382ab7341f2fa
树图思维导图提供 互联网营销师培训流程 在线思维导图免费制作,点击“编辑”按钮,可对 互联网营销师培训流程 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:b0bb621afea2c56345be09e11b8d57d0