×

前端开发每日一学:总结下数组常用方法

作者:Web前端之家2021.09.22来源:Web前端之家浏览:365评论:0
关键词:js

前端开发每日一学:总结下数组常用方法。

数组元素增添和删除

操作数组头部

  • unshift(value)变异方法 数组头部插入一个元素

  • shift()变异方法 移出数组头部的第一个元素

操作数组尾部

  • push(value) 变异方法 向数组尾部压入一个元素

  • pop() 变异方法 弹出数组尾部一个元素

任意位置增删

splice(start,length[…,value]) 变异方法

第二个参数为个数,不为0的时候表示需要从start开始删除length个元素支持增删一起做。

数组拼接

  • concat(…arr) 字符串有该类似方法 

数组转换成字符串

  • join(str) 以指定字符进行拼接将数组转换成字符串

  • toString() 以","号进行分割将数组转换字符串

截取数组

  • slice(start[,end])支持负数 字符串有该类似方法 

数组排序方法

排序

  • sort(callback)变异方法 对数组进行排序

回调函数返回 a-b为从大到小进行排序,b-a则为从小到大进行排序。

//callback回调函数格式
function callback(a,b) {
    return a-b
}

顺序翻转

reverse()变异方法 对数组的顺序进行反转

数组迭代方法

数组遍历查找

返回值为下标

  • indexOf(targetValue) 从左到右数组进行遍历,查找目标值的所在下标,返回第一次出现的下标值.

  • lastIndexOf(targetValue) 从右到左对数组进行遍历,查找目标值所在下标,返回第一次出现的下标值.

  • findIndex(callback) 通过回调函数对数组元素进行条件判断,返回第一次满足条件的元素下标值

返回值为内容

  • find(callback) 通过回调函数对数组元素进行条件判断,返回第一次满足条件的元素值 

数组遍历处理

callback(value[,index[,array]])
//callback回调函数格式
function callback( value, index, array) {
	//处理
	...
	return ... //此处是否不需要retrun语句下面对其进行标注
}
  • forEach(callback) 对数组进行遍历处理仅处理无返回值。callback不需要return语句

  • map(callback) 遍历数组每一个元素使用callback对数组进行处理,并且将callback处理过的返回值加入到新数组并返回新数组。

  • filter(callback) 对数组进行过滤操作,返回callback返回值为true的元素组成的新数组。

  • every(callback) 对数组进行遍历,如果callback返回值都为true,则方法的返回值为true

  • some(callback) 对数组进行遍历,如果callback返回值有一个为true,则方法的返回值为true

callback(total,value[,index[,array]])
//callback回调函数格式
function callback(total, value, index, array) {
  return total + value;
}
  • reduce(callback[,初始值])

从左往右数组依次缩短,同时上一次处理的结果total传入下次回调函数的作为参数供回调函数使用

  • reduceRight(callback[,初始值])

从右往左数组依次缩短,同时上一次处理的结果total传入下次回调函数的作为参数供回调函数使用

数组其他方法

includes(value) ES6 判断数组是否包含某个元素。

温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js20210922a1.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • Web前端之家

    是的,等其他人验证没问题再装吧,总会有第一个吃螃蟹的人,哈哈!!...

  • a235

    Windows11现在还不敢装吧,貌似需要等待很多软件测试,不然装了,就怕不兼容。...

  • Web前端之家

    GoogleAdSense可以的,可以加群主,帮你搞定这事情~~...

  • s121

    GoogleAdSense好弄吗,想弄一个账号。...

  • s121

    不错,正好用到,收藏了!...

  • 访客

    什么机翻...

  • Web前端之家

    只是更轻便,还是有些差距的呢,小项目可以玩玩。...

  • ja124

    这个跟vue和react比,好些吗?...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2021 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.8 Valyria