JavaScript中日期Date、Math方法及使用例驼峰命名法网页显示时间对数据取整随机数返回绝对值四舍五入

我大受震撼

已于 2023-12-25 10:34:40 修改

阅读量1.3k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端

于 2022-03-24 07:00:00 首次发布

本文链接：https://blog.csdn.net/m0_58875335/article/details/123693076

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

Date的使用方法及示例

1.Date的概括及用法

当我们需要在网页中显示当前时间时，就需要用到Date，Date方法可能用的不多，但会非常实用。

首先可以尝试在编译器中输入以下代码：

			var time = new Date();

			alert(time.getFullYear());

可以看到结果是弹出一个内容是当前年份的警告框

我们来细品：

首先创建变量time，赋值是newDate();

new在这里是用来实例化的，不能理解的话可以单纯看成如果没有new的话Date孤身一人无法发挥作用。

下面的代码alert()也就是基础的弹出警示框。

而内部的内容则是time调用一个getFullYear() 即：“获取当前年份”。

像getFullYear()这类的代码都是可以直接套，因为是死的代码，不需任何更改，下面是其它同类代码：

getFullYear()	获取当前年份
getMonth()	获取当前月份
getDate()	获取当前日期
getDay()	获取当前星期
getHours()	获取当前小时
getMinutes()	获取当前分钟
getSeconds()	获取当前秒

2.Date的使用示例

其实在上文中就已经有了一个示例，我暂且在此举更多例子：

			var time = new Date();

			console.log(time.getDay());
			//在控制台输出今天是礼拜几



			var time2 = new Date();

			document.write(time2.getMonth());
			//在网页上打印月份



//甚至可以高级一点，来点击按钮查询：


	<body>
		<script type="text/javascript">
			
			
			function getDatei(){
				
			var time3 = new Date();

			var datei = "今天是"+time3.getDate()+"号";
			
			
			
			alert(datei);
			
			}
		</script>
		
		
		<input type="button" id="dat" value="今天几号？" onclick="getDatei()" />
		
		
		
	</body>

Math方法的简介及示例

1.Math的简介及用法

Math方法被用在需要对数据进行处理的情况下，实现运算符无法实现的操作，如四舍五入、绝对值、取整等等。

（下表中还有两种方法并未录入）

Math.abs（）	计算绝对值
Math.ceil()	向上取整
Math.floor()	向下取整
Math.round()	四舍五入
Math.random()	生成1~0之间的随机数

用法：

			var sz = Math.floor(9.5);
//对9.5进行向下取整
			console.log(sz);
//在控制台输出结果，结果为9

而随机数的用法则不同了：

			var sz = Math.random()*100;
//我们可以单纯以为他的意思是0~100之间的随机数
//不过为了严谨，我们通过上表的意思为准，这段代码的意思实际上是让random随机的
//1~0之间的数乘以一百，但如果理解有困难可以暂且认为是1~100的意思
			console.log(sz);
//输出结果此时是在0~100之间的随机数

2.Math方法的使用示例

在这里我们主要演示随机数，因为其它的使用方法都相同，甚至和日期的输出都同出一辙，所以仅一例普通用法。

			var sz = Math.abs(-5);
			console.log(sz);
//-5的绝对值是5，控制台输出为5.

随机数：

			var sz = Math.random()*10;
			console.log(sz);

//这种方法可以输出随机的数，但是后面要跟一大串小数，不知道你们怎么样
//反正我喜欢整数

随机一个整数：

			var sz = Math.floor(Math.random()*100);
			console.log(sz);
//没错，这样很好，输出的是一个随机的整数
//但实际上，它并不能随机到100，而且会有0的输出

那么我们就需要这样来书写：

			var sz2 = Math.ceil(Math.random()*100+1);
			console.log(sz2);

没错，这样可以避免输出零，且由于因为是1~100，所以不可能大于99，也同样弥补了没有100的输出这个问题。

对应的，向上取整也有同样对应的问题，我们对random向上取整与向下取整配合随机数并不大可能做到完全可控。

驼峰命名法

像日期中的getFullYear，我们通常在写函数名时也是同样的，如getSum，lookSum，这种语法中通常是开头第一个单词是动词，后面接名词。不过这并不是驼峰命名法的必要标准，驼峰命名法就是很简单的首个单词小写，其余单词首字母大写，像驼峰一样，起起伏伏，提高了阅读性。

总结：

当我们需要在网页中显示当前时间时，就需要用到Date。
new在Date上是用来实例化的，不能理解的话可以单纯看成如果没有new的话Date孤身一人无法发挥作用。
Date只需要套用即可，完全的简单好用。
Math方法被用在需要对数据进行处理的情况下，实现运算符无法实现的操作，如四舍五入、绝对值、取整等等。
要注意用Math的随机数用向上或向下取整打印随机整数时需要用一些办法来避免bug。
要注意随机数只是由于生成一个0~1之间的数。

我大受震撼

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中日期Date、Math方法及使用例驼峰命名法网页显示时间对数据取整随机数返回绝对值四舍五入

当我们需要在网页中显示当前时间时，就需要用到Date。new在Date上是用来实例化的，不能理解的话可以单纯看成如果没有new的话Date孤身一人无法发挥作用。Date只需要套用即可，完全的简单好用。Math方法被用在需要对数据进行处理的情况下，实现运算符无法实现的操作，如四舍五入、绝对值、取整等等。要注意用Math的随机数用向上或向下取整打印随机整数时需要用一些办法来避免bug。要注意随机数只是由于生成一个0~1之间的数。
复制链接

扫一扫