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

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

相关推荐
Bony-42 分钟前
Go语言完全学习指南 - 从基础到精通------语言基础篇
服务器·开发语言·golang
fl1768312 小时前
基于python的天气预报系统设计和可视化数据分析源码+报告
开发语言·python·数据分析
ACP广源盛139246256732 小时前
(ACP广源盛)GSV6172---MIPI/LVDS 信号转换为 Type-C/DisplayPort 1.4/HDMI 2.0 并集成嵌入式 MCU
c语言·开发语言·单片机·嵌入式硬件·音视频
不穿格子的程序员2 小时前
从零开始刷算法-栈-括号匹配
java·开发语言·
漂流瓶jz2 小时前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
这是个栗子2 小时前
【问题解决】用pnpm创建的 Vue3项目找不到 .eslintrc.js文件 及 后续的eslint配置的解决办法
javascript·vue.js·pnpm·eslint
雪域迷影3 小时前
C#中通过get请求获取api.open-meteo.com网站的天气数据
开发语言·http·c#·get
yue0083 小时前
C#类继承
java·开发语言·c#
Want5953 小时前
Python汤姆猫
开发语言·python
Larry_Yanan3 小时前
QML学习笔记(五十)QML与C++交互:QML中单例C++对象
开发语言·c++·笔记·qt·学习·ui·交互