js 数组常用api(包含fliter,some,map,every,reduce)

1.join 将数组转换成字符串，默认以逗号分隔 (不改变原数组)

var arr = [1,2,3,4];
console.log(arr.join()); //1,2,3,4
console.log(arr.join("/")); //1/2/3/4

2.sort 按数组生序降序排列数组

arr.sort(function(a,b){return a-b})升序
arr.sort(function(a,b){return b-a})降序
//数组里对象某隔属性值
function compare(prop){
		return function(a,b){
	return a[prop] –b[prop]
}
}
arr1.sort(compare(‘age’))

3.slice 截取数组 从原数组中指定开始下标到结束下标之间的项组成的新数组 （同字符串）

var arr = [1,3,5,7,9,11];
var arrCopy = arr.slice(1);
var arrCopy2 = arr.slice(1,4);
var arrCopy3 = arr.slice(1,-2);
var arrCopy4 = arr.slice(-4,-1);
console.log(arr); //[1, 3, 5, 7, 9, 11](原数组不变)
console.log(arrCopy); //[3, 5, 7, 9, 11]
console.log(arrCopy2); //[3, 5, 7]
console.log(arrCopy3); //[3, 5, 7]
console.log(arrCopy4); //[5, 7, 9]

4.splice 删除、插入和替换。（改变原数组）

删除：2 个参数：要删除的第一项的位置和要删除的项数。例如， splice(0,2)会删除数组中的前两项。

插入：3 个参数：起始位置、 0（要删除的项数）和要插入的项。例如，splice(2,0,4,6)会从当前数组的位置 2 开始插入4和6。
替换：3个参数 ：起始位置、 0（要删除的项数）和要插入的项。例如，splice(2,1,4,6)会从当前数组的位置 2，删除一项然后开始插入4和6。

var arr = [1,3,5,7,9,11];
var arrRemoved = arr.splice(0,2);
console.log(arr); //[5, 7, 9, 11]
console.log(arrRemoved); //[1, 3]
var arrRemoved2 = arr.splice(2,0,4,6);
console.log(arr); // [5, 7, 4, 6, 9, 11]
console.log(arrRemoved2); // []
var arrRemoved3 = arr.splice(1,1,2,4);
console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
console.log(arrRemoved3); //[7]

5.concat 合并数组 （同字符串）

//不改变原数组
 var aa = [1,5]
 var bb = [2,4]
 var cc = aa.concat(bb)
 console.log(cc) //[1,5,2,4]

6.reverse()：反转数组项的顺序。

var arr = [13, 24, 51, 3];
console.log(arr.reverse()); //[3, 51, 24, 13]
console.log(arr); //[3, 51, 24, 13](原数组改变)

7.push()pop()shirt()unshirt()

//改变原数组
    push(参数): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。 
	pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。
	shift()：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined 。 
	unshift参数):将参数添加到原数组开头，并返回数组的长度 

8.forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；对应的数组索引，数组本身。

var arr = [1, 2];
    arr.forEach(function(item, index,array){
    console.log(item + '-' + index);
});
// 输出为：
//1-0
//2-1

9.includes 判断数组是否包含某项，返回true/false

[1, 2, 3, 4, 5].includes(4)    //true
[1, 2, 3, 4, NaN].includes(NaN)    //true

10.map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

下面代码利用map方法实现数组中每个数求平方。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(item => item*item);
console.log(arr2); //[1, 4, 9, 16, 25]

还可以根据数组的值转换成新数组

let  a = [{aa:1,bb:2},{aa:2,bb:3},{aa:4,bb:3}]
let b = a.map((item)=>{
  return {
    ac:item.aa,
    bc:item.bb,
    dc:item.aa + item.bb
  }
})
console.log(b)//[{ac: 1, bc: 2, dc: 3}, {ac: 2, bc: 3, dc: 5}, {ac: 4, bc: 3, dc: 7}] (3)

11.some()：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(x => x<3); 
console.log(arr2); //true
var arr3 = arr.some(x => x<1); 
console.log(arr3); // false

12.every()：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.every(x => x<10); 
console.log(arr2); //true
var arr3 = arr.every(x => x<3); 
console.log(arr3); // false

13.filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的新数组。

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter((item, index) => {
　　return index % 3 === 0 || item >= 8;
}); 
console.log(arr2); //[1, 4, 7, 8, 9, 10]

14.reduce() 方法接收一个函数作为累加器（accumulator），数组中的每个值（从左到右）开始缩减，最终为一个值。

reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。

语法:

arr.reduce(callback,[initialValue])

callback （执行数组中每个值的函数，包含四个参数）
previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））
currentValue （数组中当前被处理的元素）
index （当前元素在数组中的索引）
array （调用 reduce 的数组）
initialValue （作为第一次调用 callback 的第一个参数。）

简单例子：

var items = [10, 10, 30];
var reducer = function add(sumSoFar, item) { return sumSoFar + item; };
var total = items.reduce(reducer, 0);
console.log(total); // 50

reduce函数的返回结果类型和传入的初始值相同，上个实例中初始值为number类型，同理，初始值也可为object类型。

var items = [10, 10, 30];
var reducer = function add(sumSoFar, item) {
  sumSoFar.sum = sumSoFar.sum + item;
  return sumSoFar;
};
var total = items.reduce(reducer, {sum: 0});
console.log(total); // {sum:50}

再看一个例子，如何知道一串字符串中每个字母出现的次数？
随后就可以算出出现最多的元素和出现次数

var arrString = 'ababdbadbabdab';

arrString.split('').reduce(function(res, cur) {
    res[cur] ? res[cur] ++ : res[cur] = 1
    return res;
}, {})//{a: 5, b: 6, d: 3}

//reduce用法很多，重写对象等等