数组常用方法一

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在被调用时会传入三个参数:

  1. currentValue 当前元素的值,必须有
  2. index 当前元素的索引值,可选
  3. arr 当前元素属于的数组对象,可选
  4. 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()函数在调用时会传入四个参数:
  1. total表示一个初始值,也是上一个值,必须
  2. currentValue表示当前元素,必须
  3. currentIndex表示当前元素的索引,可选
  4. arr表示当前元素所属的数组对象,可选
    另外, initialValue表示传递给函数的初始值,可选,如果没有改参数,reduce从index为1开始执行回调函数,有的话,reduce将从index为0开始执行回调。
    实例:
数组常用方法一
文章图片
image.png sort()方法:
sort()方法用于对数组中的元素进行排序。如果没有指定比较函数,则默认会按照字符的编码顺序进行升序排序,也就是说我们得到的结果可能并不是我们想要的。如果要按照其他标准的话就要提供一个比较函数,该比较函数需要接受两个值。
实例:
按字符的编码顺序进行升序排序:
数组常用方法一
文章图片
image.png 数组常用方法一
文章图片
image.png 【数组常用方法一】按数字的降序进行排序:
数组常用方法一
文章图片
image.png 数组常用方法一
文章图片
image.png

    推荐阅读