js高阶函数(map,reduce,filter,sort,every,findIndex,forEach)

**map()**方法定义在js的Array中

1. 调用map()方法，在map中传入自己编写的函数，实现数组操作。

function pow(x,y) {
	return x*x;
}
var arr=[1,2,3];
var result = arr.map(pow);
console.log(result);//结果是1,4,9；

2.使用map进行类型转换

var arr= [1,2,3];
arr.map(String);

字符串123转为数组，然后转为123数字，不使用parseInt(),Number();

var str = "123";
var result = str.split(" ").map(x=>+x).reduce(x*10+y);

3.使用map做个练习

//首字母大写，其他小写的规范名字。输入：[‘adam’, ‘LISA’, ‘barT’]，输出：[‘Adam’, ‘Lisa’, ‘Bart’]。

return arr.map(x=>x.slice(0,1).toUpperCase()+x.slice(1).toLowerCase());

reduce() Array的reduce()方法把一个函数作用在Array的[x1,x2,x3]上，reduce()必须接收两个参数。

var arr = [1,2,3];//数组求和
arr.reduce(function (x, y) {
    return x + y;
}); // 6

//把数组[1,2,3]变换成整数123
var arr = [1,2,3];
arr.reduce(function (x, y) {
    return x * 10 + y;
}); // 123

filter()用于把Array的某些元素过滤，返回剩下的元素。

1. 与map()相似，Array的filter也接收一个函数，和map不同的是，filter()也传入的函数作用于每个元素后，但根据返回的true，false选择是否丢弃该元素。

//保留奇数
var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
    return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

var arr = ['A', '', 'B', null, undefined, 'C', '  '];
var r = arr.filter(function (s) {
    return s && s.trim(); // 注意：IE9以下的版本没有trim()方法
});
r; // ['A', 'B', 'C']

2.filter()接收回调函数，第一个参数表示Array的每个元素，第二个表示索引，第三个标书数组本身。

var arr = ['A', 'B', 'C'];
var r = arr.filter(function (element, index, self) {
    console.log(element); // 依次打印'A', 'B', 'C'
    console.log(index); // 依次打印0, 1, 2
    console.log(self); // self就是变量arr
    return true;
});

//利用filter，可以巧妙地去除Array的重复元素：

var r = arr.filter(function (element, index, self) {
    return self.indexOf(element) === index;//返回 索引等于数组自身索引 的元素。

**sort()**排序

var arr = [10, 20, 1, 2];
arr.sort((x,y)=>x<y?-1:1);
console.log(arr);//[1,2,10,20]

**every()**方法判断Array是否所有元素满足条件。

var arr = ['Apple', 'pear', 'orange'];
console.log(arr.every(function (s) {
    return s.length > 0;
})); // true, 因为每个元素都满足s.length>0

console.log(arr.every(function (s) {
    return s.toLowerCase() === s;
})); // false, 因为不是每个元素都全部是小写

**find()**查找符合条件的第一个元素，找到了就返回这个元素。否则返回undefined;

var arr = ['Apple', 'pear', 'orange'];
console.log(arr.find(function (s) {
    return s.toLowerCase() === s;
})); // 'pear', 因为pear全部是小写

console.log(arr.find(function (s) {
    return s.toUpperCase() === s;
})); // undefined, 因为没有全部是大写的元素

**findIndex()**查找符合条件的第一个元素，返回的是这个元素的索引。如果没有找到返回-1;

var arr = ['Apple', 'pear', 'orange'];
console.log(arr.findIndex(function (s) {
    return s.toLowerCase() === s;
})); // 1, 因为'pear'的索引是1

console.log(arr.findIndex(function (s) {
    return s.toUpperCase() === s;
})); // -1

forEach()

var arr = ['Apple', 'pear', 'orange'];
arr.forEach(console.log); // 依次打印每个元素