Array.prototype._map = function (callback, thisArg) {
let len = this.length
let result = []
for (let i = 0; i < len; i++) {
// 通過呼叫call方法,將callback的this指向thisArg,
// 後面依次傳入當前處理的元素、當前元素下標、呼叫map方法的陣列
// 當thisArg為undefined或者null時,this就指向全域性的window了.這正好與原生的map方法一致.
let temp = callback.call(thisArg, arr[i], i, arr)
result[i] = temp
}
return result
}
let arr = [1, 2, 3]
let result = arr._map(function (value, index, arr) {
return value + 1
})
console.log(result) // [2, 3, 4]
複製程式碼
這樣就實現了一個數組的map方法，但是這樣實現的與原生的有很多區別：
原生的map方法會跳過被用 delete 刪除或者未定義的元素
// 注意: 這裡的arr[3]就是一個未定義的元素
let arr = [1, 2, 3, , undefined]
let result = arr._map(function (value, index, arr) {
return value + '1'
})
複製程式碼
in 運算子是用來檢測一個物件是否含有特定的屬性。但是說到 in 就不得不提一下 Object.prototype.hasOwnProperty() 這個方法了，雖然二者都可以用來檢測某個物件上是否有特定的屬性，但是後者會忽略掉從原型上繼承過來的屬性。
舉個例子
使用 in 運算子
在JavaScript中，陣列也是物件，陣列的索引就可以看做是屬性了。從圖中可以看到，陣列arr自身是沒有 push 方法的，但是通過原型鏈可以找到 arr.__proto__.push ，所以呢，圖中最後一個表示式的只為 true 。
使用 Object.prototype.hasOwnProperty() 方法
hasOwnProperty
這個方法侷限在物件自身的屬性上，它會忽略掉從原型鏈上繼承過來的屬性。
完善功能
對未定義的元素，讓回撥不被其呼叫；
對於傳入的callback不是函式給出異常提示。
程式碼如下：
Array.prototype._map = function (callback, thisArg) {
let result
// callback必須是一個函式,否則丟擲異常
if (Object.prototype.toString.call(callback) !== '[object Function]') {
throw new Error(callback + 'is not a function')
}
let len = this.length
// 建立結果陣列,長度和原陣列相同
result = new Array(len)
for (let i in this) {
let currentVal, mappedVal
currentVal = this[i]
mappedVal = callback.call(thisArg, currentVal, i, this)
result[i] = mappedVal
}
return result
}
複製程式碼
測試功能
let arr = [1, 2, 3, , undefined]
let result = arr._map(function (value) {
return value + '1'
})
console.log(arr) // [1, 2, 3, empty, undefined]
console.log(result) // ["11", "21", "31", empty, "undefined1"]
複製程式碼
