JS(ES5) 实现数组方法（迭代类型：evey、some、map、filter）的重构

卐杀絶１魛メ

重构前要了解那些办法的要干吗、无能嘛，另有大白传进每一个参数有甚么用。
数组挪用evey、some、map、filter办法中，传进的第一个参数是回调函数（必挖），第两个参数是一个工具（可挖、可没有挖），感化是改动第一个参数里的回调函数this指背为那个工具。
1.重构办法之every

1. Array.prototype.myEvery = function (fun, obj) {
2.     for (var i = 0; i < this.length; i++) {
3.         if (!(obj ? fun.bind(obj)(this[i], i, this) : fun(this[i], i, this))) {
4.             return false;
5.         }
6.     }
7.     return true;
8. }
9. var arr = [1, 2, 3, 4, 5]
10. var result = arr.myEvery(function (item, index, arr) {
11.     console.log(this);   // 输出 { name: &#39;zhangsan&#39; }
12.     // 假如出挖第两个参数（{ name: &#39;zhangsan&#39; }） 正在node情况下输出 global,阅读器情况输出 window
13.     // 假如挖了第两个参数 this便会指背那个工具 即当前为{ name: &#39;zhangsan&#39; }
14.     return item > 0;
15. }, { name: &#39;zhangsan&#39; })//那里挖了第两个参数，改动了第一个参数回调函数的this指背
16. console.log(result);  //  输出 true  由于数组每一个元素皆年夜于0

复造代码

2.重构办法之some

1. Array.prototype.mySome = function (fun, obj) {
2.     for (var i = 0; i < this.length; i++) {
3.         if (obj ? fun.bind(obj)(this[i], i, this) : fun(this[i], i, this)) {
4.             return true;
5.         }
6.     }
7.     return false;
8. }
9. var arr = [1, 2, 3, 4, 5]
10. var result = arr.mySome(function (item, index, arr) {
11.     console.log(this);  //输出 { name: &#39;zhangsan&#39; }
12.     return item > 5;
13. }, { name: &#39;zhangsan&#39; })
14. console.log(result);    //输出 false  由于数组中出有元素年夜于5

复造代码

3.重构办法之map

1. Array.prototype.myMap = function (fun, obj) {
2.     var result = []
3.     for (var i = 0; i < this.length; i++) {
4.         result[i] = obj ? fun.bind(obj)(this[i], i, this) : fun(this[i], i, this)
5.     }
6.     return result
7. }
8. var arr = [1, 2, 3, 4, 5];
9. var result = arr.myMap(function (item, index, arr) {
10.     console.log(this);  //输出  { name: &#39;zhangsan&#39; }
11.     return item * 2;
12. }, { name: &#39;zhangsan&#39; })
13. console.log(result);    //输出  [ 2, 4, 6, 8, 10 ]

复造代码

4.重构办法之filter

1. Array.prototype.myFilter = function (fun, obj) {
2.     var result = []
3.     for (var i = 0; i < this.length; i++) {
4.         if (obj ? fun.bind(obj)(this[i], i, this) : fun(this[i], i, this)) {
5.             result.push(this[i])
6.         }
7.     }
8.     return result;
9. }
10. var arr = [1, 2, 3, 4, 5];
11. var result = arr.myFilter(function (item, index, arr) {
12.     console.log(this);   // 输出 { name: &#39;zhangsna&#39; }
13.     return item > 2;
14. }, { name: &#39;zhangsna&#39; })
15. console.log(result);     //输出 [ 3, 4, 5 ]

复造代码

免责声明：假如进犯了您的权益，请联络站少，我们会实时删除侵权内乱容，感谢协作！