JavaScript之Array 中every，some，map，filter， reduce

JavaScript之Array 中every，some，map，filter， reduce1

1.every和some

every表示数组中的每一项都必须通过才会返回true
some表示只要数组元素某一项满足即可

var arr = [1, 2, 3, 4, 5, 6, 7,8, 9];
var a = arr.every(item=> item > 6);
console.log(a); // false
var b = arr.some(item=> item > 6);
console.log(b); // true

2.map() - 映射

var newArr = array.map((currentValue, index, array) => { return ... }, thisValue);

• currentValue， 必须，当前的元素值；
• index， 可选，当前元素值的索引；
• array， 可选，原数组；
• thisValue， 可选，对象作为该执行回调时使用，传递给函数，用作 “this” 的值；
• return 新数组；

var array1 = [1,2,3,4];
const map1 = array1.map(x => x *2);
console.log(map1);  // [2,8,6,8]

3.filter() - 过滤,筛选

var newArr = array.filter((currentValue, index, array) => { return ... }, thisValue);

• currentValue， 必须，当前的元素值；
• index， 可选，当前元素值的索引；
• array， 可选，原数组；
• thisValue， 可选，对象作为该执行回调时使用，传递给函数，用作 “this” 的值；
• return 新数组；

var arr = [1,2,3, 4,5]
var newArr = arr.filter(item => item>3) 
console.log(newArr)  // [4, 5]

去掉数组的空字符串，0，undefined，null

var arr = ['1', '2', null, '', null, 0]
var newArr = arr.filter(item => item)
// 或者 var newArr = arr.filter(Boolean);
console.log(newArr) // ["1", "2"]

4.reduce - 累计

reduce方法对累加器和数组中的每个元素（从左到右）应用一个函数，将其减少为单个值。

var result = array.reduce((total, currentValue, currentIndex, array) => { return ... }, initialValue);

• total， 必须，初始值，第一次循环之后是计算后的返回值；
• currentValue， 必须，当前的元素值；
• currentIndex， 可选，当前元素值的索引；
• array， 可选，原数组；
• initialValue， 可选，传递给函数的初始值，即此值会在第一次循环之前赋值给 total；
• return 经过处理过的 total；

var arr = [1, 2, 3, 4, 5, 6, 7,8, 9];
var res = arr.reduce(function(accumulator, item){
	   return accumulator + item;
	   });
	   console.log(res); //45

reduce的最重要点就是利用累加器参数(accumulator)了，如果值操作第二个参数 item, 将会只处理数组最后一项，跟for循环中的i的效果一样

var arr = [1, 2, 3, 4, 5];
var res = arr.reduce(function(accumulator, item){
return item * 2;
});
console.log(res); // 10

统计字符串中每个字符出现的次数

 const str = 'aabbbcccc444jjj222'
	   const obj = {}
	   Array.from(str).reduce((accumulator, current) => {
	     current in accumulator ? accumulator[current]++ : accumulator[current] = 1
	     return accumulator;
	   }, obj)
	   console.log(obj)

其他写法：

const str = 'aabbbcccc444jjj222'
	   const obj = {}
	   str.split('').forEach(item => {
	     obj[item] ? obj[item]++ : obj[item] = 1
	   })
	   console.log(obj);

5.filter和map区别

map和filter 都是创建一个新数组，不同的是：
如果给定的处理函数的表达式是逻辑判断，filter 返回符合条件的数值组成的数组，map返回的是布尔值组成的数组。