简单谈谈原生js的math对象

2024-09-29 12:43:14

Math对象方法

//返回最大值
    var max=Math.max(95,93,90,94,98);
    console.log(max);

    //返回最小值
    var min=Math.min(95,93,90,94,98);
    console.log(min);

    //向上取整
     console.log(Math.ceil(2.2));
     console.log(Math.ceil(-2.2));

    //向下取整
     console.log(Math.floor(2.2));//2
     console.log(Math.floor(-2.2));//-3

    //四折五入
     console.log(Math.round(2.4));//四舍五入--3
     console.log(Math.round(-2.5));//负数+0.5,向下取整
     console.log(Math.round(-3.4));//-3

    //随机数
     var b=Math.random();//[0,1)
     var d=b*41//[0,41)所有数
     var e=d+10//[10,51)所有数
     var f=Math.floor(e)//[10,50]之间的整数

    //10到50的区间，包含10也包含50
     var gongs=Math.floor(Math.random()*(50-10+1)+10);
     var num=-10;
     Math.abs(num);//10
     Math.abs(10);//10

    //返回 e 的 x 次幂的值。
     console.log(Math.exp(4))//e

    //返回数的自然对数（底为e）
     console.log(Math.log(2))

    //pow() 方法可返回 x 的 y 次幂的值
     console.log(Math.pow(2,3))//8

    //sqrt() 方法可返回一个数的平方根
     console.log(Math.sqrt(2))//

    //关于随机数的一个小练习
    //每刷新一次字的颜色就要变化一次
    var num2=9;
    console.log(num2.toString(16))//f,toString转换成字符串
    //一位【0,15】
    var color="#";//用变量进行字符串拼接
    for(var i=0;i<6;i++){//该循环循环6次，获取16进制表示颜色的数
      var yi=Math.floor(Math.random()*16).toString(16);
      color=color+yi;//字符串拼接获取一个完整的颜色的值
    }
    console.log(color);//检测16进制的颜色是否成功合成
    document.write("<font color="+color+">我会变颜色</font>")//把颜色打印出来
    //0-15

这就是一些Math对象方法，希望能帮到大家！！！！！！

以上这篇简单谈谈原生js的math对象就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

JavaScript中Math对象使用说明

JavaScript中Math对象是是一个固有对象,提供基本数学函数和常数.使用方法: Math.[{property | method}] 其中property是必选项.Math 对象的一个属性名. method是必选项.Math.对象的一个方法名. JavaScript中Math对象不能用 new 运算符创建,如果试图这样做则给出错误.该对象在装载脚本引擎时由该引擎创建.其所有方法和属性在脚本中总是可用.
JavaScript中Math对象的方法介绍

1.比较最值方法比较最值有两种方法,max() 和 min() 方法. 1.1 max() 方法,比较一组数值中的最大值,返回最大值. var maxnum = Math.max(12,6,43,58,70); alert(maxnum); //"70" 1.2 min() 方法,比较一组数值中的最小值,返回最小值. var minnum = Math.min(12,6,43,58,70); alert(minnum); //"6" 2.数值舍入方法 2.1 ce
JavaScript中Math对象方法使用概述

1.丢弃小数部分,保留整数部分parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer 方法描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 at
浅谈JavaScript中Date(日期对象),Math对象

Date对象 1.什么是Date对象? 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒). 语法:var Udate=new Date(); 注:初始值为当前时间(当前电脑系统时间). 2.Date对象常用方法: 3.Date方法实例复制代码代码如下: var newTime=new Date();//获取当前时间 var millSecond=Date.now();//当前日期转换成的毫秒数 var fullYear=n
Javascript之Math对象详解

Math对象不同于上述的对象,它可以说是一个公共数学类,里面有很多数学方法,用于各种数学运算但是Math对象不需要构造,对于其中的方法直接使用即可 1.常量(即属性) E 返回算术常量 e,即自然对数的底数(约等于2.718) E 返回算术常量 e,即自然对数的底数(约等于2.718) LN2 返回 2 的自然对数(约等于0.693) LN10 返回 10 的自然对数(约等于2.302) LOG2E 返回以 2 为底的 e 的对数(约等于 1.414) LOG10E 返回以 10
Javascript Math对象

Math对象 Math对象是在高中数学课就学过的内置对象.它知道解决最复杂的数学问题的所有公式,如果给它要处理的数字,即能计算出结果. Math对象有几个属性,主要是数学界的专用值.下表类出了这些属性: 属性说明 E 值e,自然对数的底 LN10 10的自然对数 LN2 2的自然对数 LOG2E 以2为底E的对数 LOG10E 以10为底E的对数 PI 值π SQRT1_2 1/2的平方根 SQRT2 2的平方根虽然这些值的意义与用法不在本书讨论范围内,但如果清楚它们是什么,在需
简单谈谈原生js的math对象

Math对象方法 //返回最大值 var max=Math.max(95,93,90,94,98); console.log(max); //返回最小值 var min=Math.min(95,93,90,94,98); console.log(min); //向上取整 console.log(Math.ceil(2.2)); console.log(Math.ceil(-2.2)); //向下取整 console.log(Math.floor(2.2));//2 console.log(Mat
原生js实现复制对象、扩展对象类似jquery中的extend()方法

jq的extend()方法能很方便的实现扩展对象方法,语法如下:$.extend(obj1,boj2,obj3); 现在要实现的是:原生js实现复制对象,扩展对象,类似jq中的extend()方法,具体实例如下: 现有3个对象字面量: var o1={hello:1,old:555}, o2 = { abc: 55555555, hello: 2, fun: function() { alert(111); } }, o3={third:9999}; 实现目标: 复制o1对象,把 o2,o3的对
简单谈谈PHP面向对象之标识对象

标识对象模式这个模式主要功能就是创建sql语句中的wehre条件字符串的,下面直接看代码和注释: namespace woo\mapper; //字段对象 class Field { protected $name = null; //字段名称 protected $operator = null; //操作符 protected $comps = array(); //存放条件的数组 protected $incomplete = false; //检查条件数组是否有值 function _
用原生JS获取CLASS对象(很简单实用)

听说是最常用....我是看了dom编程艺术想到的. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
简单谈谈node.js 版本控制 nvm和 n

今天的话题包括2个部分 1. node.js 下使用 nvm 或者 n 来进行版本控制 2. nvm 安装node.js 版本后,重启终端 node , npm 环境变量失效第一部分用什么来管理 node.js 版本首先应该欢呼庆祝一下 node.js 终于发布了有历史意义的正式版 1.0 ,虽然我们看到的是V4.0,其实他就是node.js 真正意义的 1.0, io.js 不负众望,完成了它的使命. 回头看这几年node.js 以及 io.js 的发展速度,各种版本的迭代发布,我们很有
原生JS实现旋转木马式图片轮播插件

本人自己写过三个图片轮播,一个是简单的原生JS实现的,没有什么动画效果的,一个是结合JQuery实现的,淡入淡出切换的.现在想做一个酷一点的放在博客或者个人网站,到时候可以展示自己的作品.逛了一下慕课网,发现有个旋转木马的jquery插件课程,有点酷酷的,于是就想着用原生JS封装出来.做起来才发现,没有自己想象中的那么容易...不啰嗦了,讲解一下实现过程吧. 二.效果由于自己的服务器还没弄好.在线演示不了(ORZ...),只能放一张效果图了. 从图片上还是可以看出大概效果的,我就不多说了.想看
简单谈谈js的数据类型

近期做一些项目的时候发现,自己的js基础还是不够扎实,再看一遍犀牛书,加深自己的理解和印象.所以从这篇文章开始,后面都是关于原生js的一些内容. 这篇文章,我们具体介绍一下js的数据类型其中一种. 一.javaScript(以下简称js)的数据类型分为两类:原始类型和对象类型.js的原始类型包括数字.字符串和布尔值. 二.js有两个特殊的原始值:null(空)和undefined(未定义),它们不是数字.字符串和布尔值.它们通常分别代表各自特殊类型的唯一成员. 三.js中除了数字.字符串.布尔值
原生js实现jquery函数animate()动画效果的简单实例

通过在公司一个月的实习,慢慢的对css跟html算是比较熟悉了,这几天开始研究js,今天用js写了一个jquery的animate函数,测试了下,性能还可以.个人觉得jquery并不是万能的,因为是个框架,所以有些东西写的比较死,就像animate函数一样,可选的参数不多有时候可能并不能实现我们想要的效果. 注释的部分是用来测试用的,写代码的过程并不是十分顺利,因为用js平时用的不是很细,都是大体知道方法,也用过,但等到真正要实现动画函数的时候,细枝末节写错了就可能把人难住了. 函数里面有几个参
原生JS实现图片轮播与淡入效果的简单实例

最近对css的兴趣提不起来,因为以前对图片轮播一直耿耿于怀苦于学艺不精,所以,花了点时间熟悉了一下js.然后一条道走到黑,用jquery和js写了一下轮播和图片淡入的效果.以后学习的路很长,希望自己在前端的路上越走越远`(∩_∩)′ 从原理来讲,网上的教程有很多,简单来说. 淡入淡出,其实这里只用到了淡入的效果.每一张淡入的图片,我们将它的display设置为block,其他为none,所以实际存在并且在文档流占位置的只有一张图片.在设置图片的display方式之前,将图片的透明度逐渐增大,就会
原生JS实现简单的倒计时功能示例

本文实例讲述了原生JS实现简单的倒计时功能.分享给大家供大家参考,具体如下: 1.第一种 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>www.jb51.net JS倒计时</title> </head> <body> <div id="div"></div> <scr

简单谈谈原生js的math对象

相关推荐

随机推荐