JS自己定义数组扩展方法 求和 和 最大值、最小值

相信有小伙伴看到这一个标题可能会想:现在都可以自己写方法了吗?这么炸裂。没错我们是可以自己写方法的。
1.我们定义的这个方法,任何一个数组实例对象都可以使用
2.自定义的方法写到 数组.propertype身上

最大值

js 复制代码
    const arr = [1,2,3,4]
    Array.prototype.max = function() {
        // 这里我们需要运用到展开运算符
        // 原型里的this指向实例对象 arr
        return Math.max(...this)
    }
    // 方法定义成功
    console.log(arr.max())//4

最小值

javascript 复制代码
    const arr = [1,2,3,4]
    Array.prototype.min = function() {
        // 这里我们需要运用到展开运算符
        // 原型里的this指向实例对象 arr
        return Math.min(...this)
    }
    // 方法定义成功
    console.log(arr.min())//1

求和

javascript 复制代码
    const arr = [1,2,3,4]
    Array.prototype.sum = function() {
        // this指向实例对象
        return  this.reduce((prev,item)=>prev + item,0)
    }
    console.log(arr.sum()) //10

感谢大家的阅读,如有不对的地方,可以向我指出,感谢大家!

相关推荐
JuneXcy1 小时前
循环高级(1)
c语言·开发语言·算法
MediaTea2 小时前
Python 第三方库:lxml(高性能 XML/HTML 解析与处理)
xml·开发语言·前端·python·html
西陵2 小时前
Nx带来极致的前端开发体验——使用MF进行增量构建
前端·javascript·架构
编啊编程啊程2 小时前
响应式编程框架Reactor【3】
java·开发语言
Ka1Yan2 小时前
什么是策略模式?策略模式能带来什么?——策略模式深度解析:从概念本质到Java实战的全维度指南
java·开发语言·数据结构·算法·面试·bash·策略模式
JackieDYH3 小时前
vue3中reactive和ref如何使用和区别
前端·javascript·vue.js
胡萝卜的兔3 小时前
go 使用rabbitMQ
开发语言·golang·rabbitmq
伍哥的传说3 小时前
解密 Vue 3 shallowRef:浅层响应式 vs 深度响应式的性能对决
javascript·vue.js·ecmascript·vue3.js·大数据处理·响应式系统·shallowref
你我约定有三3 小时前
面试tips--java--equals() & hashCode()
java·开发语言·jvm
前端开发爱好者4 小时前
弃用 html2canvas!快 93 倍的截图神器
前端·javascript·vue.js