# JavaScript学习记录day7-高阶函数

[TOC]

## 1. 什么是高阶函数

JavaScript的函数其实都指向某个变量。既然变量可以指向函数，函数的参数能接收变量，那么一个函数就可以接收另一个函数作为参数，这种函数就称之为高阶函数。

``````function add(x, y, f) {
return f(x) + f(y);
}``````

``````x = -5;
y = 6;
f = Math.abs;
f(x) + f(y) ==> Math.abs(-5) + Math.abs(6) ==> 11;
return 11;``````

``````'use strict';

return f(x) + f(y);
}

var x = add(-5, 6, Math.abs);
console.log(x);  // 11``````

## 2. `map`

``````'use strict';

function pow(x) {
return x * x;
}

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var results = arr.map(pow);
console.log(results);  // [1, 4, 9, 16, 25, 36, 49, 64, 81]``````

<font color="red">注意</font>：
`map()`传入的参数是`pow`，即函数对象本身。

``````var f = function (x) {
return x * x;
};

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
var result = [];
for (var i=0; i<arr.length; i++) {
result.push(f(arr[i]));
}``````

``````var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
arr.map(String); // ['1', '2', '3', '4', '5', '6', '7', '8', '9']``````

## 3. `reduce`

`[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)`

``````var arr = [1, 3, 5, 7, 9];
result = arr.reduce(function (x, y) {
return x + y;
});

console.log(result);  // 25``````

``````function product(arr) {
result = arr.reduce(function (x, y) {
return x * y;
});
return result;
}

// 测试:
if (product([1, 2, 3, 4]) === 24 && product([0, 1, 2]) === 0 && product([99, 88, 77, 66]) === 44274384) {
console.log('测试通过!');
}
else {
console.log('测试失败!');
}
``````

``````var arr = [1, 3, 5, 7, 9];
arr.reduce(function (x, y) {
return x * 10 + y;
}); // 13579``````

``````'use strict';

function string2int(s) {
// 利用js变量弱类型转换
var s_length = s.length;
if (s_length == 1) {
return s * 1;
} else {
var arr = s.split("");
var result = arr.reduce(function (x, y) {
return x * 10 + y * 1;
});
return result;
}
}

// 测试:
if (string2int('0') === 0 && string2int('12345') === 12345 && string2int('12300') === 12300) {
if (string2int.toString().indexOf('parseInt') !== -1) {
console.log('请勿使用parseInt()!');
} else if (string2int.toString().indexOf('Number') !== -1) {
console.log('请勿使用Number()!');
} else {
console.log('测试通过!');
}
}
else {
console.log('测试失败!');
}``````

``````'use strict';

function normalize(arr) {
// return arr.map((x)=>{
// if(x.length > 0)
// {
//   x = x.toLowerCase();
//   x = x[0].toUpperCase() + x.substr(1);
// }
// return x;
// });
return arr.map(function (x) {
return x.substring(0, 1).toUpperCase() + x.substring(1).toLowerCase();
});
}

// 测试:
console.log('测试通过!');
}
else {
console.log('测试失败!');
}``````

``````'use strict';

var arr = ['1', '2', '3'];
var r;

r = arr.map(parseInt);

console.log(r);``````

``````parseInt( ) 的语法：
parseInt ( String s , [ int radix ] )

["1","2","3"].map(parseInt)等于[parseInt(1,0),parseInt(2,1),parseInt(3,2)];``````

## 4. `filter`

`filter`也是一个常用的操作，它用于把`Array`的某些元素过滤掉，然后返回剩下的元素。

`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;
});
console.log(r); // [1, 5, 9, 15]``````

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

`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;
});``````

``````'use strict';

var
r,
arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];

r = arr.filter(function (element, index, self) {
return self.indexOf(element) === index;
});

console.log(r.toString()); // apple,strawberry,banana,pear,orange``````

``````'use strict';

function get_primes(arr) {
// 判断一个整数m是否为素数，只需用2至m-1之间的每一个整数去除，如果都不能被整除，那么m就是一个素数。
// 对于一个正整数m而言，它对(m/2, m)范围内的正整数是必然不能够整除的,
// 因此，我们在判断m的时候，没有必要让它除以该范围内的数。
var r = arr.filter(function (element, index, self) {
var i;
var result = true;
for (i = 2; i <= element / 2 ; i++) {
if (element % i == 0) {
result = false;
break;
}
}
return element < 2 ? false : result;
});
return r;
}

// 测试:
var
x,
r,
arr = [];
for (x = 1; x < 100; x++) {
arr.push(x);
}
r = get_primes(arr);
if (r.toString() === [2, 3, 5, 7, 11, 13, 17, 19, 23, 29, 31, 37, 41, 43, 47, 53, 59, 61, 67, 71, 73, 79, 83, 89, 97].toString()) {
console.log('测试通过!');
} else {
console.log('测试失败: ' + r.toString());
}``````

## 5. 排序算法

JavaScript的`Array``sort()`方法就是用于排序的，但是排序结果可能让你大吃一惊：

``````// 看上去正常的结果:

// apple排在了最后:

// 无法理解的结果:
[10, 20, 1, 2].sort(); // [1, 10, 2, 20]``````

``````'use strict';

var arr = [10, 20, 1, 2];

arr.sort(function (x, y) {
if (x < y) {
return -1;
}
if (x > y) {
return 1;
}
return 0;
});
console.log(arr); // [1, 2, 10, 20]``````

``````var arr = [10, 20, 1, 2];
arr.sort(function (x, y) {
if (x < y) {
return 1;
}
if (x > y) {
return -1;
}
return 0;
}); // [20, 10, 2, 1]``````

``````var arr = ['Google', 'apple', 'Microsoft'];
arr.sort(function (s1, s2) {
x1 = s1.toUpperCase();
x2 = s2.toUpperCase();
if (x1 < x2) {
return -1;
}
if (x1 > x2) {
return 1;
}
return 0;

``````var a1 = ['B', 'A', 'C'];
var a2 = a1.sort();
a1; // ['A', 'B', 'C']
a2; // ['A', 'B', 'C']
a1 === a2; // true, a1和a2是同一对象``````