JS数组map,every,reduce方法以及ES6三点扩展运

1、map方法

• 该方法返回一个新数组
• 不改变原数组
• 接收一个函数为参数
  代码实例：

var data = [1, 2, 3, 4];

var arrayOfSquares = data.map(function (item) {
  return item * item;
});

alert(arrayOfSquares); // 1, 4, 9, 16

2、every方法

• 用于检测数组中所有的元素是否都满足条件
• 一个不满足则返回false，全部满足返回true
  代码实例：

var ages = [32, 33, 16, 40];

function checkAdult(age) {
    return age >= 18;
}
console.log(ages.every(checkAdult)) //false

3、reduce方法

• 该方法返回的是数组元素相加的和
• 第一个参数为计算方法，第二个参数为初始值
  代码示例：

var numbers = [15.5, 2.3, 1.1, 4.7];
 
function getSum(total, num) {
    return total + Math.round(num);
}
var totalNum = numbers.reduce(getSum,0)
console.log(totalNum) // 24

3、ES6三点扩展运算符

• 将一个数组转为用逗号分隔的参数序列
• console.log(...[a, b, c])结果为// a b c
  代码示例1：

            let add = (x, y) => x + y;
            let numbers = [3, 45];
            console.log(add(...numbers))//48

代码示例2（合并数组）：

var arr1 = ['a', 'b'];  
var arr2 = ['c'];  
var arr3 = ['d', 'e'];  
// ES5 的合并数组  
arr1.concat(arr2, arr3);  
// [ 'a', 'b', 'c', 'd', 'e' ]  
// ES6 的合并数组  
[...arr1, ...arr2, ...arr3]  
// [ 'a', 'b', 'c', 'd', 'e' ] 

更多示例：点这里

最后上一段elementUI上的示例代码

getSummaries(param) {
        const { columns, data } = param;
        // 上面一行代码等价于
        // const columns = param.columns
        // const data = param.data
        const sums = [];
        columns.forEach((column, index) => {
          if (index === 0) {
            sums[index] = '总价';
            return;
          }
          const values = data.map(item => Number(item[column.property]));
          if (!values.every(value => isNaN(value))) {
            sums[index] = values.reduce((prev, curr) => {
              const value = Number(curr);
              if (!isNaN(value)) {
                return prev + curr;
              } else {
                return prev;
              }
            }, 0);
            sums[index] += ' 元';
          } else {
            sums[index] = 'N/A';
          }
        });

        return sums;
      }