JS数组中常用方法

1、push()
功能： push从数组尾部添加元素，返回新的数组

var arr = [1, 2, 3];
arr.push(4, 5);// =>arr:[1, 2, 3, 4, 5]

2、pop()
功能：返回最后一个元素

 var arr = [1, 2, 3, 4, 5];
 app.pop();// =>arr:[1, 2, 3, 4]

3、unshift()
功能：类似push()，不同的是unshift()是从数组的头部插入

  var arr = [1, 2, 3, 4];
  arr.unshift(-1, 0);// =>arr:[-1, 0, 1, 2, 3, 4]

4、shift()
功能：类似于pop()，不同的是shift()是从数组的头部删除；

  var arr = [1, 2, 3, 4];
  arr.shift();// =>arr:[2, 3, 4]

5、join()
功能：将数组中所有元素都转化为字符串并连接在一起。

  var arr = [1, 2, 3, 4];
  arr.join();// => '1,2,3,4'
  arr.join('|');// => "1|2|3|4"

6、reverse()
功能：将数组中的元素颠倒顺序。

  var arr = [1, 2, 3];
  arr.reverse();// =>[3, 2, 1]

7、sort()
功能：将数组中的元素进行排序

   var arr = [111, 22, 3, 444];
   arr.sort();// =>arr:[111, 22, 3, 444]

  arr.sort(function(a, b) {
      return a - b;
  });// =>arr:[3, 22, 111, 444]

  arr.sort(function(a, b) {
      return b - a;
  });// =>arr:[444, 111, 22, 3]

8、concat()
功能：数组拼接（移动端列表上划刷新可用到）

  var arr = [1, 2, 3];
  arr.concat(4, 5) // =>[1, 2, 3, 4, 5]

9、slice()
功能：获取原数组的片段或子数组
参数：数组的开始和结束；如果为负数，表示相对于数组中最后一个元素的位置
注意：新建的数组，原数组不改变。

  var arr = [1, 2, 3, 4, 5];
  arr.slice(0, 3);// =>[1, 2, 3]
  arr.slice(3);// =>[4, 5]
  arr.slice(1, -1);// =>[2, 3, 4]
  arr.slice( -1);// =>[5]  获取数组最后一项

10、splice()
功能：从数组中删除元素、插入元素到数组中或者同时完成这两种操作。
参数：第一个参数为指定插入或删除的起始位置，第二个参数为要删除的个数。之后的参数表示需要插入到数组中的元素
注意：新建了一个数组，并修改了原数组

  var arr = [1, 2, 3, 4, 5, 6, 7, 8];
  arr.splice(4) // =>[5, 6, 7, 8]; arr: [1, 2, 3, 4]
  arr.splice(2, 0, 'a', 'b') // =>[]; arr: [1, 2, a, b, 3, 4]

11、toString()和toLocaleString()
功能：将数组的每个元素转化为字符串，并且输入用逗号分隔的字符串列表，功能类似join();

  [1, 2, 3].toString(); // =>'1,2,3'

12、forEach()
功能：遍历数组
参数：数组元素、元素的索引、数组本身

   var data = [1, 2, 3, 4, 5];
   var newdata = []
   data.forEach(item => {
     newdata.push(item + 1)
   })
   console.log(newdata)  //[2, 3, 4, 5, 6]

13、map()
功能：调用的数组的每一个元素传递给指定的函数，并返回一个新数组
var arr = [1, 2, 3];
var b = arr.map(item => {return item +1 }) // b = [2, 3, 4]

14、filter()
功能：过滤，原数组不会改变

var a = [5, 4, 3, 2, 1];
var newArr = a.filter(x => {return x<3 }) // newArr = [2, 1]

15、every()
功能：对数组元素判断，所有元素成立为true

var arr = [1, 2, 3, 4, 5];
arr.every(x => {return x > 3}) //false

16、some()
功能：对数组元素判断，只要有一个元素成立为true

var arr = [1, 2, 3, 4, 5];
arr.some(x => {return x > 3}) //true

17、indexOf 和 lastIndexOf()
功能：搜索整个数组中具有给定值得元素，返回找到的第一个元素的索引或者如果没有找到就返回-1.lastIndexOf为反向搜索。

JS数组中常用方法

推荐阅读更多精彩内容