javascript的高级用法(循环实现数组map方法)

javascript 复制代码
const selfMap =function(fn, context){
let arr = Array.prototype.slice.call(this)
let mappedArr = Array()
for(let i=0; i< arr.length; i++){
//skip empty item
if(!arr.hasOwnProperty(i));continue
mappedArr[i]= fn.call(contenxt, arr[i], i, this)
return mappedArr
}

使用方法:将selfMap注入到Array.prototype中(下面数组的迭代方法也是如此)

javascript 复制代码
Array.proptotype.selfMap=selfMap
[1,2,3].selfMap(number=> number * 2)

值得一提的是,map的第二个参数就是第一个参数回调中的这个点。如果第一个参数是箭头函数,则设置第二个 this 将无效,因为箭头函数的词法绑定。

另一个是稀疏数组的处理,HasOwnProperty 用于判断当前下标的元素是否存在于数组中,欢迎大家在评论区交流。

相关推荐
2501_945423543 分钟前
C++编译期多态实现
开发语言·c++·算法
2401_879693873 分钟前
设计模式在C++中的实现
开发语言·c++·算法
程序员Ctrl喵5 分钟前
状态管理与响应式编程 —— 驾驭复杂应用的“灵魂工程”
开发语言·flutter·ui·架构
☆5666 分钟前
C++中的代理模式高级应用
开发语言·c++·算法
2301_818419018 分钟前
编译器命令选项优化
开发语言·c++·算法
m0_518019488 分钟前
C++图形编程(OpenGL)
开发语言·c++·算法
西梯卧客11 分钟前
[4-3] 异步编程与事件循环 · 终极异步解决方案 (Generator & Async/Await)
javascript
2301_8166512212 分钟前
自定义异常类设计
开发语言·c++·算法
weixin_4219226913 分钟前
C++与自动驾驶系统
开发语言·c++·算法
不甜情歌14 分钟前
JS 拷贝:浅拷贝 / 深拷贝原理 + 常用方法
前端·javascript