温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript数组的排序和迭代方法

发布时间:2021-09-07 16:51:28 来源:亿速云 阅读:167 作者:chen 栏目:开发技术

这篇文章主要讲解了“JavaScript数组的排序和迭代方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript数组的排序和迭代方法”吧!

目录
  • 数组常用方法

    • 数组元素增添和删除

      • 操作数组头部

      • 操作数组尾部

      • 任意位置增删

      • 数组拼接

      • 数组转换成字符串

      • 截取数组

  • 数组排序方法

    • 排序

      • 顺序翻转

      • 数组迭代方法

        • 数组遍历查找

          • 返回值为下标

          • 返回值为内容

        • 数组遍历处理

          • callback(value[,index[,array]])

          • callback(total,value[,index[,array]])

      • 数组其他方法

        首先总结的意义就是让杂乱无章变得更加井然有序,这样在使用的过程思路会更加清晰。

        数组使用方法注意点:

        • 变异方法和非变异方法。即变异方法使用会改变原数组,后者则不会。下面脑图将其进行了标注。

        • 你或许需要注意数组方法和字符串方法有几个方法相似,数组和字符串是如何切换的?

        • 有些方法参数是支持负数的,有些方法第二个参数不是代表坐标代表的是个数。

        • 甚至回调函数我们也可以将其梳理一遍,大部分回调函数参数格式是一样的,有些回调函数是不一样的。

        • 当split,slice,splice,join,contains,includes,push,pop,shift,unshift甚至你被相似的单词搞得晕头转向,以至于你分不清哪个是数组的方法哪个是字符串方法,哪个功能是干嘛来着。当然我现在可以告诉你上面那些方法究竟是数组方法还是字符串方法,甚至字符串方法和数组都有这么一个方法,但是没必要,因为你终究很难记住。所以下面将其进行系统的归类总结,你就很容易区分出来了。

        接下来你只需要忘记你之前杂乱无章的记忆,通过梳理重新建立你的记忆。

        JavaScript数组的排序和迭代方法

        数组常用方法

        数组元素增添和删除

        操作数组头部
        • 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 判断数组是否包含某个元素

        感谢各位的阅读,以上就是“JavaScript数组的排序和迭代方法”的内容了,经过本文的学习后,相信大家对JavaScript数组的排序和迭代方法这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

        向AI问一下细节

        免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

        AI