map的原生写法

map

特点:
map处理return出来的值,把值放在一个新的数组,默认返回undefined。
浅拷贝,会改变原数组。
浅度map实现

1
2
3
4
5
6
7
8
Array.prototype.myMap = function(func) {
var len = this.length,
newArr = [];
for(var i = 0; i < len; i++) {
newArr.push(func(this[i], i));
}
return newArr;
}

深度map实现

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
// 深度克隆
function deepClone(target, option) {
if(option !== null) {
for(var prop in option) {
var src = target[prop],
copy = option[prop];
if(typeof(copy) === 'object') {
if(Object.prototype.toString(copy) === '[object Array]') {
src = [];
}else {
src = {};
}
target[prop] = deepClone(src, copy);
}else {
target[prop] = copy;
}
}
}
return target;
}
Array.prototype.myMap = function(func) {
var len = this.length,
newArr = [];
for(var i = 0; i < len; i++) {
if(this[i] && Object.prototype.toString.call(this[i]) === '[object Object]') {
var newObj = {};
deepClone(newObj, this[i]);
newArr.push(func(newObj, i));
}else if(this[i] && Object.prototype.toString.call(this[i]) === '[object Array]') {
var Arr = [];
deepClone(newArr, this[i]);
newArr.push(func(Arr, i));
}else {
newArr.push(func(this[i], i));
}
}
return newArr;
}
作者

hujinbin

发布于

2020-03-29

更新于

2021-04-10

许可协议

评论

:D 一言句子获取中...