金色小芝麻

vuePress-theme-reco 金色小芝麻    2021 - 2023
金色小芝麻 金色小芝麻

Choose mode

  • dark
  • auto
  • light
主页
分类
  • JavaScript
  • BUG复盘
  • SVG笔记
  • TypeScript
  • 个人总结
  • CSS笔记
  • 开发工具
  • 前端入门
  • Vue2.0
  • 性能优化
  • 架构学习
  • 每日一题
标签
时间轴
社交
  • 掘金 (opens new window)
author-avatar

金色小芝麻

83

文章

27

标签

主页
分类
  • JavaScript
  • BUG复盘
  • SVG笔记
  • TypeScript
  • 个人总结
  • CSS笔记
  • 开发工具
  • 前端入门
  • Vue2.0
  • 性能优化
  • 架构学习
  • 每日一题
标签
时间轴
社交
  • 掘金 (opens new window)
  • 前端入门

    • 博客搭建过程及相关配置
    • 数组中的16种常用方法
    • JS中的数据类型简析——基本数据类型值
    • JS中的数据类型object基础
    • JS中三种常见的判断
    • 数据类型之间的区别(堆内存Heap VS 栈内存Stack)
    • JS基础练习题及解析
    • 开关灯的小案例
    • JS中数据类型检测方法——typeof
    • 条件判断几个小练习
    • JS循环——for循环
    • 自定义属性实现选项卡小案例
    • 字符串中的12种常用方法
    • DOM操作的简单原理
    • JS实现隔行变色鼠标跟随小案例
    • JS中function的基础知识
    • JS中数组去重的三种方法
    • JS中时间格式化的三种方法
    • JS中URL参数处理的三种方法
    • JS小案例——获取随机验证码
    • DOM操作之——获取DOM标签的9种方式
    • DOM操作之——DOM节点类型及属性
    • DOM操作之——元素的增删改、样式修改、插入内容
    • JS中THIS相关问题梳理
    • JS中的变量提升机制
    • 在全局:私有上下文中:带VAR和不带VAR的区别
    • 作用域和作用域链查找机制
    • JS中堆栈内存的释放问题
    • JS中的闭包机制
    • ES3和ES6定义变量的区别
    • JS中的单例和工厂设计模式
    • JS中的面向对象OOP理论基础
    • 构造函数创建自定义类
    • JS中的原型和原型链
    • Math中常用的9种方法
    • 从一道阿里经典面试题剖析函数三种角色
    • 重写内置call
    • 重写一个内置new
    • 浏览器渲染页面的主体流程
    • 减少DOM的回流和重绘
    • JS中的多种继承方式
    • JS中数据类型检测四种方式的优缺点
    • JS中的正则表达式&&全面梳理
    • 非严格模式 🆚 严格模式的区别
    • 数组方法reduce、filter、flat
    • 获取数组中最大值/最小值的三种基础方法
    • 轮播图——渐隐渐显版
    • 深克隆 VS 浅克隆|深比较 VS 浅比较|回调函数
    • 轮播图——左右切换版
    • 事件及事件绑定、事件对象及事件传播
    • 从在地址栏输入网址到看到页面的过程&&AJAX基础
    • 想自学JS吗?想提升JS底层原理吗?76张脑图带你彻底搞懂原生JS
    • 面试手写API系列
    • 30张脑图带你从零开始学VUE
    • JS中的盒子模型
    • 初识JS-基础中的基础
    • 前端发展简史
    • JS中的三大类输出方式

Math中常用的9种方法

vuePress-theme-reco 金色小芝麻    2021 - 2023

Math中常用的9种方法

金色小芝麻 2020-02-24

Math称为数学函数,但是它属于对象类型的

typeof Math => 'object'

之所以叫做数学函数,是因为Math这个对象中提供了很多操作数字的方法

# 一、取绝对值

# 1、Math.abs()

  • 语法:Math.abs([number value]);
  • 定义:获取绝对值(绝对值永远是整数或者零)
  • 使用:Math.abs(-1);//=>1
  • 注意:传递的不是数字类型的值时:先基于Number()转换为数字在处理

# 二、取整数

# 2、Math.ceil()

  • 语法:Math.ceil([number value])
  • 定义:把一个数向上取整
  • 使用:
    Math.ceil(1.2);//2
    Math.ceil(1.5);//2
    Math.ceil(-1.1);//-1
    
  • 注意:无论是正数还是负数,都取最大那个值

# 3、Math.floor()

  • 语法:Math.floor([number value])
  • 定义:把一个数向下取整
  • 使用:
    Math.floor(1.2);//1
    Math.floor(-1.2);//-2
    
  • 注意:无论是正数还是负数,都取最小那个值

# 4、Math.round()

  • 语法:Math.round([number value])
  • 定义:四舍五入
  • 使用:
    Math.round(1.5);//2
    Math.round(-1.5);//-1
    Math.round(-1.51);//-2
    
  • 注意:正数的话正常理解,但是如果是负数,它的临界值不再是0.5,只要比0.5大一丢丢,就可以进位。但如果是0.5就是舍

# 三、取最大/小值

# 5、Math.max()

  • 语法:Math.max([val1],[val2],...)
  • 定义:获取最大值
  • 使用:Math.max(1,2,3);//3
  • 注意:Math.max([1,2,3,4,5,6,7]);//=> NaN;
    • 此处是只传一个值,是个数组,跟内置的语法要求不符

# 6、Math.min()

  • 语法:Math.min([val1],[val2],...)
  • 定义:获取最小值
  • 使用:Math.min(1,2,3);//1

# 四、开方/幂

# 7、Math.sqrt()

  • 语法:Math.sqrt([number value]);
  • 定义:给一个数开平方
  • 使用:Math.sqrt(9)//=>3
    • 符合N*N=M的M才能开整平方
    • 负数开不了平方

# 8、Math.pow()

  • 语法:Math.pow(n,m)
  • 定义:n的m次幂
  • 使用:Math.pow(2,3);//=> 8
    • Math.pow(2,10);//=> 1024(程序员世界的整数)

# 五、取随机数

# 9、Math.random()

  • 语法:Math.random()
  • 定义:获取0到1之间的随机小数(不包含0和1)
  • 使用:Math.random(); //0.8044608241261515此数为随机输出
  • 拓展:

    获取n~m之间的随机整数(包含n和m)n<m

    • Math.round(Math.random()*(m-n)+n);

# 六、圆周率

# Math.PI

圆周率是Math的一个固定属性,不是一个方法

  • 3.141592653589793

欢迎来到 金色小芝麻
看板娘