数组常用方法一
JavaScript Array对象用于在单个的变量中存储多个值,它有很多方法,今天就先总结一些经常会用到的。
最基本的就是创建数组和访问数组元素:
new Array();
new Array(size);
new Array(element0, element1, ..., elementn);
let students = ["Charles","Justin];
let first = students[0];
// Charles
下面是一些会常用到的方法:
filter():
filter()方法会创建一个新数组,它对数组中的每一个元素都执行一次指定的函数操作。它的具体语法如下:
var newArr = array.filter(function(currentValue,index,arr), thisValue);
callback在被调用时会传入三个参数:
- currentValue 当前元素的值,必须有
- index 当前元素的索引值,可选
- arr 当前元素属于的数组对象,可选
- thisValue 对象作为该执行回调时使用,传递给函数,用作 "this" 的值。如果省略了 thisValue ,"this" 的值为 "undefined"。可选
文章图片
image.png
文章图片
image.png map():
JavaScript中遍历数组的方法有很多种,常见的有for循环,forEach函数以及map()方法和reduce()方法。
map方法对数组中每一个元素依次运行函数,返回由每次函数执行的结果组成的新数组。它的具体语法如下:
array.map(function(currentValue,index,arr), thisValue),具体参数意义参考上一个filter()方法。
实例:
文章图片
image.png
文章图片
image.png reduce():
reduce() 方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。reduceRight()方法的功能和reduce()
功能是一样的,不同的是reduceRight()从数组的末尾向前将数组中的数组项做累加。它的具体语法如下:
array.reduce(function(total, currentValue, currentIndex, arr), initialValue)
callback()函数在调用时会传入四个参数:
- total表示一个初始值,也是上一个值,必须
- currentValue表示当前元素,必须
- currentIndex表示当前元素的索引,可选
- arr表示当前元素所属的数组对象,可选
另外, initialValue表示传递给函数的初始值,可选,如果没有改参数,reduce从index为1开始执行回调函数,有的话,reduce将从index为0开始执行回调。
实例:
文章图片
image.png sort()方法:
sort()方法用于对数组中的元素进行排序。如果没有指定比较函数,则默认会按照字符的编码顺序进行升序排序,也就是说我们得到的结果可能并不是我们想要的。如果要按照其他标准的话就要提供一个比较函数,该比较函数需要接受两个值。
实例:
按字符的编码顺序进行升序排序:
文章图片
image.png
文章图片
image.png 【数组常用方法一】按数字的降序进行排序:
文章图片
image.png
文章图片
image.png
推荐阅读
- 对抗抑郁最好的方法
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 怎样用黑谜速冻膜去黑头,|怎样用黑谜速冻膜去黑头, 最有效的去黑头的方法看这!
- 移动端h5调试方法
- 唱歌教学(导致嗓音损坏的几个常见的错误唱歌方法!)
- 拆书方法训练营
- Java|Java基础——数组
- 这份史上最经典的3大学习方法,清华北大学霸都在用!
- 迅捷流程图制作软件的使用方法!
- VueX--VUE核心插件