数组常用方法总结:

一,Array.toString() 和String.split()

(1)toString():

将数组转化为字符串,每一像元素用逗号隔开

(2)split() :

将字符串转化为数组,括号内的参数为分隔符

二,Array.Join()

(1)join() :

方法接受一个参数 及字符串分隔符 返回包含所有项的字符串

三,Array.shift()

shift():

方法用于删除数组的第一项,同时减少数组的length值,返回被删除的项

四,Array.reverse()和Array.sort()

(1) reverse() :

数组的反转,会改变原数组

(2) sort() :

方法接受一个比较函数 用于判断那个值应该排在前面

五,Array.slice()和 Array.splice()

(1)Array.slice() :

数组的截取方法返回新的数组 ,可传两个参数 :

注意:不会改变原来的数组,传入的参数都是代表元素的下标

(2)Array.splice() :

具有删除 插入 替换的功能

1.删除功能:

splice(index,count)会改变原数组

参数:index:开始位置的索引,count要删除元素的个数

返回:返回的是包含被删除元素的数组对象

2.插入功能

splice(index,0,插入的项)

参数:

index:插入元素的索引值

0:要想具备插入功能,第二个参数必须是0

插入的项:插入的元素【可以是数组,多个元素】

3.替换的功能:

splice(index,num,value)

参数:index:开始索引的位置

num:删除项的数(如果num为0,就是插入功能,这里num不要为0)

value:插入的值

返回:返回的是包含被删除的元素的数组对象

六.添加元素的方法

(1)Array.push() :

像数组的最后一项添加元素,改变原来的数组,返回值为添加元素后的数组长度

(2)Array.unshift():

像数组的第一项添加元素,会改变原来的数组 ,返回值为添加元素的数组长度

(3)concat() :

首先会创建一个当前数组的副本,然后再把它的参数添加到副本末尾,最后返回这个新构建的数组,不会影响原始数组

七,查找元素的方法

(1)indexOf():

返回要查找的元素在数组中的位置,如果没找到则返回-1

(2)includes() :

返回要查找的元素在数组中的位置,找到返回true 否则false

(3)find() :

返回第一个匹配的元素

八,迭代的方法

(1)some()

some方法作用: 判断 数组中是否有满足条件的元素 (逻辑或 ||, 有任意一个满足即可) 应用场景 : (1)判断数组中有没有奇数 (2)非空判断 : 判断表单数组中,有没有元素value为空 some语法特点 : 1.回调执行次数 != 数组长度

  1. 回调函数内部return return true * 循环结束。 找到满足条件的元素, some自身返回true return false : * 循环继续。没有找到满足条件的,如果所有的元素都是返回false,最终some默认返回false (3) 方法自身的返回值 true: 有满足条件的元素 false: 没有满足条件的元素

(2)every()

every 方法作用: 判断 数组中是否 所有元素 都满足条件 (逻辑&&, 全部满足) 应用场景 : (1)判断数组中是否所有元素都是 偶数 ;(2)开关思想 : 购物车是否全选 every语法特点 : (1) 回调执行次数 != 数组长度 (2) 回调函数内部return return true * 循环继续。满足条件,如果所有元素都满足,最终every默认返回值true return false : * 循环结束。不满足条件,此时every返回值false (3) 方法自身的返回值 true: 所有满足都满足条件 false: 有元素不满足条件

3、forEach()

forEach方法作用: 相当于 for循环另一种写法 应用场景 : 遍历数组 forEach语法特点 :回调执行次数等于数组长度;回调函数内部return 无;方法自身的返回值 无

4、filter()

filter方法作用: 根据条件,筛选数组 应用场景 : (1)筛选数组中的偶数 (2)商品价格筛选 filter语法特点 :(1) 回调执行次数 == 数组长度;(2) 回调函数内部return;return true : 满足筛选条件,放入新数组中;return false : 不满足筛选条件,不放入新数组中;(3) 方法自身的返回值,筛选之后的新数组

5、map()

map方法作用: 根据某种规则映射数组,得到映射之后的新数组 应用场景 : (1)数组中所有的元素 * 0.8 (2)将数组中的js对象 隐射成 html字符串 map语法特点:回调执行次数等于数组长度;回调函数内部return,return 新元素,如果没有return, 新元素是undefined 方法自身的返回值,映射后的新数组

6、findIndex()

findIndex方法作用: 找元素下标

应用场景 : (1)如果数组中是值类型,找元素下标用: arr.indexOf( 元素 ) (2)如果数组中是引用类型,找元素下标: arr.findIndex( )

findIndex语法特点 : (1) 回调执行次数 != 数组长度 (2) 回调函数内部return return true * 循环结束。 找到元素,返回当前元素下标 return false : * 循环继续。没找到。 如果全部都是false,最终返回固定值-1 (3) 方法自身的返回值 -1 : 没有 下标 : 有

7、reduce()

数组reduce遍历 : 为每一个元素执行一次回调,返回最后一次回调的结果 reduce场景 : 求数组累加和

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值