ES3、ES5、ES6以及ES7中所有数组的方法总结

zoukankan html css js c++ java

ES3、ES5、ES6以及ES7中所有数组的方法总结
在此对工作经常用到的操作数组的方法予以总结。

ES3的数组方法

join();
- 目的：将数组转化为字符串．
- 参数：无or可传一个参数(传超过1个的参数，默认取第一个参数), 参数为字符或字符串，参数将在数组的每个元素的间隔插入。PS: 参数无的时候，数组元素间隔为＇,＇．
- 是否改变原数组: 不改变原数组, 返回一个新的字符串．
- 逆向操作（字符串-》数组）：split()．
sort();
- 目的：将数组的元素按照一定规则排序.
- 参数：无or可传一个函数(传超过1个的函数，默认取第一个函数)。PS: 参数无的时候数组元素默认按照字母表顺序排序.
- 函数参数：
  > 你必须给sort()方法传递一个比较函数，所以一般传递俩个参数.PS:第三个参数默认undefined.
  > 假设第一个参数应该在前，你应该返回一个小于0的数值，
  > 否则，你应该返回一个大于0的数值,
  > 假设俩个值相等(也就是说他们的排序无关紧要)，函数应该返回0.
  > PS:数组元素是从前到后俩俩比较.
- 是否改变原数组: 改变原来的数组.
reverse();
- 目的：将数组中的元素颠倒顺序.
- 参数：无(无视参数).
- 是否改变原数组: 改变原来的数组.
concat();
- 目的：像胶水一样，将参数粘合在数组后面.
- 参数：字符串或数组(参数不限)。
  > 当参数为数组时，粘合的是数组的元素，而非数组本身.
  > 但此方法不会扁平化数组参数(换句话说，如果你的参数是个数组，里面又嵌套了超过1个数组，这个里面的数组的元素不会被提取出来粘合，而是整个数组被粘合在新的数组后面).
- 是否改变原数组:不改变原数组, 返回一个新的数组.
slice();
- 目的：返回数组的一个片段或子数组.
- 参数：无or一个参数or俩个参数
  > 无参数将原样返回一个新的数组，相当于复制了一遍数组.
  > 返回的数组包含第一个参数指定的位置，到第二个参数前面一个位置之间的所有元素.
  > 如果只指定一个参数，返回的数组将包含从开始位置到结尾的所有元素.
  > 如果参数中出现负数，它表示相对于数组中的最后一个元素的位置的个数.
- 是否改变原数组: 不改变原数组, 返回一个新的数组.
splice();
- 目的：从数组中删除元素、插入元素、或者同时完成这俩种操作.
- 参数：前俩个参数指定了删除，从第三个参数开始，指定拼接。
  > 第二个参数指定了应该从数组中删除元素的个数，若省略，从起始点到数组结尾的所有元素都将被删除.
  > 第三个参数开始，指被拼接到原数组的元素，区别于concat(), splice()会插入数组本身而非数组的元素(会扁平化数组)
- 是否改变原数组: 改变原来的数组.
push()和pop();
- 目的：向数组中插入或删除元素.
- 参数：push()方法不限制参数，并不会扁平化数组。pop()方法无视参数.
- 行为：类似栈，从尾部插入或删除值，push()方法返回数组长度，pop()方法返回被删除的值.
- 是否改变原数组: 改变原来的数组.
unshift()和shift();
- 目的：向数组中插入或删除元素.
- 参数：unshift()方法不限制参数，并不会扁平化数组，当参数为一连串元素时，参数类似于被粘合在数组的头部，而不是改变参数的顺序。shift()方法无视参数.
- 行为：俩组方法和上面的方法类似，区别在于这组方法是在数据的头部操作.
- 是否改变原数组: 改变原来的数组.
toString()和toLocaleString();
- 目的：：将数组的每个方法转化为字符串，并且输出用逗号分隔的字符串列表.
- 参数：俩个方法无视参数.
- 是否改变原数组: 不改变原数组, 返回一个新的字符串.
ES5的数组方法

indexOf()和lastIndexOf()
map();
- 目的：将数组的每个元素传递给指定的函数，并返回一个数组，它包含该函数的返回值．
- 参数：一个带有return的函数（函数中的return的值将被传递给新数组）．
- 是否改变原数组: 不改变原数组，返回一个新数组。PS: 如果原数组是个稀疏数组，返回的也是相同方式的稀疏数组，它具有相同的长度，相同的稀缺元素.
filter();
- 目的：将数组的每个元素传递给指定的函数，并返回一个数组，它包含该函数的返回值．
- 参数：一个带有return的函数（函数中的返回值如果为true或者能转化为true的值，就被添加到这个数组）．
- 是否改变原数组: 不改变原数组，返回一个新数组，新数组是原数组的子集。PS: 如果原数组是个稀疏数组，和上面不一样，它返回的数组总是稠密的.
every()和some();
- 目的：对数组元素应用指定的函数判定.
- 参数：二者都需要一个函数.
  > every() 返回true需要满足的条件为：数组中所有元素在函数判定下都为true则返回true，否则返回false. (PS:跟他的的汉语意思一样，每个)
  > some() 返回true需要满足的条件为：数组中有一个元素在函数判定下为true则返回true, 否则返回false. ((PS:跟他的的汉语意思一样，一些)
  > note: 执行every() 时，若有一个参数为false，则返回，忽略执行后面的参数.
  > note: 而some() 则相反，若有一个参数为true, 则返回, 忽略执行后面的参数.
- 对于空数组，every() 返回true, some()返回 false.
reduce()和reduceRight()^*(不常用，偏用于数学计算)
- 目的：使用指定的函数将数组元素进行组合，生成单个值．
- 参数：reduce() 函数的第一个参数是执行化简操作的函数．第二个是传递给函数的初始值(如果无，函数将把数组中的第一个元素作为其初始值).
  > 空数组上，不带初始值参数调用此函数将会报错.
  > 如果只有一个元素且没有指定初始值，或者有一个空数组并且指定了一个初始值，reduce() 只是简单地返回那个值而不会调用化简函数.
  > reduceRight() 和reduce() 作用一样, 区别在于它执行的顺序是从右到左.
- 是否改变原数组: 不改变原数组，返回一个新数组。
ES6的数组方法

Array.from();
- 目的：将类数组对象和可遍历对象转化为数组．
- 参数：上述对象以及第二个参数。第二个参数类似于数组中的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组.
- 用法：const toArray = (() => Array.from ? Array.from : obj => [].slice.call(obj) )(); （兼容写法）.
Array.of();
- 目的：将一组值转化为数组．
- 参数：无或无限(无时返回一个空数组).
copyWithin();
- 目的：在数组内部，将指定位置的成员复制到其他位置(会覆盖原有成员)．
- 参数：target(必须): 从该位置开始替换数据.
  > start(可选)：从该位置开始读取数据.
  > end(可选)：到该位置的前一个位置.
- 是否修改原数组：修改原数组.
find()和findIndex();
- 目的：在数组内部, 找到第一个符合条件的数组成员．
- 参数：回调函数接受三个参数，分别表示当前值，当前位置，原数组.
  俩个方法都接受第二个参数用来绑定函数中的this的值.(绑定作用域).
- PS：这两个方法都可以发现NaN，弥补了数组的IndexOf() 方法的不足。
fill();
- 目的：如其意，填充一个数组．
- 参数：第一个参数表示被填充的元素.
  第二个参数表示填充的起始位置.
  第三个参数表示填充的结束位置(指定位置之前一个).
ES7的数组方法

includes();
查看全文

相关阅读:
C#类型转换
 C#运算符
 SQL视图与触发器
 存储过程
 SQL 变量
 SQL 经典练习题
 字符串函数，数据类型转换，链接查询，纵向查询
 常用的 SQL 函数
 习题整理（1）
子查询的部分内容

原文地址：https://www.cnblogs.com/indigojh/p/7516101.html

ES3、ES5、ES6以及ES7中所有数组的方法总结

在此对工作经常用到的操作数组的方法予以总结。

ES3的数组方法

join();

sort();

reverse();

concat();

slice();

splice();

push()和pop();

unshift()和shift();

toString()和toLocaleString();

ES5的数组方法

indexOf()和lastIndexOf()

map();

filter();

every()和some();

reduce()和reduceRight()*(不常用，偏用于数学计算)

ES6的数组方法

Array.from();

Array.of();

copyWithin();

find()和findIndex();

fill();

ES7的数组方法

includes();

reduce()和reduceRight()^*(不常用，偏用于数学计算)