数组 总结

改变原数组的方法
删除类型 push pop shift unift splice sort

类数组 变为数组
获取多个元素 类数组
函数形参集合 arguments

1、Array.from 方法用于将两类对象转为真正的数组:

  (1)类似数组的对象(dom 集合和参数arguments)
    (2)可遍历(iterable)的对象(包括ES6 新增的数据结构Set 和Map)
	(3) 第二个参数,作用类似于数组的map 方法,用来对每个元素进行处理,将处理后的值放 入返回的数组。
	(4) 第一个参数的length 值限定了第二个参数的运行的次数;
	(5) 特殊类型值得转换:NaN、false、null、“”、undefined、全部转换为false;true 为本身

2、…扩展运算符也可以将某些数据转换为数组;

(1) 某些类数组的对象,只有arguments 可以转换成功;

(2) 可遍历(iterable)的对象(包括ES6 新增的数据结构Set 和Map)

3、如果Array.from 内部使用…扩展运算符,那么…将不起作用

Array.of()

1、Array 方法只有当参数个数不少于2 个时,Array()才会返回由参数组成的新数组。 参数个数只有一个时,实际上是指定数组的长度。

2、Array.of 方法用于将一组值,转换为数组,总是返回参数值组成的数组

find()和findIndex()

5、find 用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次 执行该回调函数,直到找出第一个返回值为true 的成员,然后返回该成员。如果没有符 合条件的成员,则返回undefined。

6、回掉函数参数:当前的值、当前的位置和原数组。(三个)

7、findIndex 方法的用法与find 方法非常类似,返回第一个符合条件的数组成员的位置, 如果所有成员都不符合条件,则返回-1。

8、indexOf 方法无法识别数组的NaN 成员,但是findIndex 方法可以借助Object.is 方法 做到。

entries(),keys() 都是具有Iterator 接口,都可以使用for of 进行遍历,keys()是对键名的遍历、v, entries()是对键值对的遍历

Includes()

方法返回一个布尔值,表示某个数组是否包含给定的值,与字符串的includes 方法类似。第 二个参数表示搜索的起始位置,默认为0。如果第二个参数为负数,则表示倒数的位置,如果 这时它大于数组长度(比如第二个参数为-4,但数组长度为3),则会重置为从0 开始。 [NaN].indexOf(NaN) //-1 [NaN].includes(NaN) //true

如果第二参数为负数,则倒数位置: Fill、copyWithin、Includes 数组的空位 数组的空位指,数组的某一个位置没有任何值。 空位不是undefined,一个位置的值等于undefined,依然是有值的。空位是没有任何值

Es5:

forEach(), filter(), every() 和some()都会跳过空位。

map()会跳过空位,但会保留这个值 join()和toString()会将空位视为undefined,而undefined 和null 会被处理成空字符串。

Es6:

Array.from 方法会将数组的空位,转为undefined,也就是说,这个方法不会忽略空位。 扩展运算符(…)也会将空位转为undefined。

copyWithin()会连空位一起拷贝。 数组arr 有两个空位,for…of 并没有忽略它们。如果改成map 方法遍历,空位是会跳过 的。

entries()、keys()、values()、find()和findIndex()会将空位处理成undefined。

push() 在数组末尾添加一个元素

unshift() 在数组的开头添加一个元素

pop() 在数组的末尾删除一个元素

shift() 在数组的开头删除一个元素

indexOf() 功能:查找数组内是否包含指定元素的下标 返回值:number -1

slice(startIndex,?endIndex=this.index) 截取数组 不会改变原数组

splice(startIndex,num,newItem) 截取数组 修改数组 会改变原数组 可以改变原数组

join(’’) 把数组转化为字符串

flat(几层) 扁平化

sort(function(a,b){}) 功能:排序 功能:检测是否是数组 返回值:Boolean

reverse 用于颠倒数组中元素的顺序。

concat(arr1,arr2,…) 合并数组

copywithIn 用于从数组的指定位置拷贝元素到数组的另一个指定位置中。

index of 可返回某个指定的字符串值在字符串中首次出现的位置。

lastIndexof 是从右向左查某个指定的字符串在字符串中最后一次出现的位置(也就是从后往前查)

fill 用于将一个固定值替换数组的元素。

join() 功能:把数组以某个字符拼接字符串

reduce(function(pre,cur){})
功能: 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。
数组的长度减 一
第一个参数默认值是数组的第一项
第二个参数是数组的每一项,默认从下标1开始

es6
find 有返回值
findIndex
当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置,之后的值不会再调用执行函数。
如果没有符合条件的元素返回 -1
includes 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。

数组的遍历
for循环 break 可以跳出循坏
for in
for of (遍历器)

es5 迭代

数组名.every(function(item元素,index下标,array自己){}) // 遍历数组,如果都满足条件返回true,有一项不符合返回false
返回值:Boolean

some(function(item,index,array){}) //返回值:只要有一项符合条件就返回true
功能:遍历数组 返回值:Boolean

filter(function(item,index,array){})
功能:过滤数组 返回值:数组

forEach(function(item,index,array)(){},?thisObj) 不能跳出循坏
功能:循环数组 没有返回值

map(function(item,index,array){})
功能:循环数组 有返回值 返回当前的数组

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值