JavaScript知识第六讲之常用内部对象

Math对象

数学常量《----》Math对象中的属性
数学函数《----》Math对象中的方法

访问Math对象属性或方法–》Math.成员名称

在这里插入图片描述

实例1:计算这个圆的周长和面积

已知一个圆的半径是5,计算这个圆的周长和面积

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head> 
	<body>
		<script>
		function Circle(r){
			this.r=r;
		}
		Circle.prototype.C=function(){
			return 2*this.r*Math.PI;
		}
		Circle.prototype.S=function(){
			return Math.PI*this.r*this.r;
		}
		var num=new Circle(5);
		document.write("圆的半径为:"+num.r+'</br>');
		document.write("圆的周长为:"+num.C()+'</br>');
		document.write("圆的面积为:"+num.S());
		</script>
	</body>
</html>

在这里插入图片描述
在这里插入图片描述

实例02:输入要生成随机数的位数

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>	
				document.write("请输入要生成随机数的位数:");
					// digit是数字的位数
					function runStr(digit){
						if(digit=="" || isNaN(digit)){
							alert("请输入数字");
						}else{
							var sourceStr="0,1,2,3,4,5,6,7,8,9";
							arrStr=sourceStr.split(",");
							var result=""; //定义变量并初始化
							var index=0;
							for(i=0;i<digit;i++){							index=parseInt(Math.random()*arrStr.length);
								result+=arrStr[index];
							}
							alert(result);
						}
					}	
				</script>
				<form name="form">
					<input type="text" name="digit"/>
					<input type="button" value="生成" onClick="runStr(form.digit.value)">
				</form>
	</body>
</html>

在这里插入图片描述

Number对象

(1)、创建Number对象

语法格式:numObj=new Number(value);

(2)、Number对象的属性

在这里插入图片描述
在这里插入图片描述
(3)、Number对象的方法
1)、toString()方法
该方法可以把Number对象转换成一个字符串,并返回结果。

2)、toLocaleString()方法
该方法可以把Number对象转换为本地格式的字符串。

3)、toFixed()方法
该方法将Number对象四舍五入为指定小数位数的数字,然后转换为字符串。

4)、toExponential()方法
该方法利用科学计数法计算Number对象的值,然后将其转换为字符串。

5)、toPrecision()方法
该方法会根据不同的情况选择定点计数法或科学计数法,然后再把转换后的数字转换成字符串。

Date对象

几个有趣的例子,JavaScript中有趣的日期对象的应用(考试倒计时、情人节倒计时

(1)、创建Date对象

如:
var now =new Date();

(2)、Date对象的属性

1)、constructor属性
constructor属性可以判断一个对象的类型,该属性引用的是对象的构造函数。

2)、prototype属性(每个对象都有prototype属性)
该属性可以为Date对象添加自定义的属性或方法。
(3)、Date对象的方法
在这里插入图片描述

实例03:应用Date对象中的方法输出当前的日期和时间

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>
			var date=new Date();
			document.write("今天是"+date.getFullYear()+"年"+(date.getMonth()+1)+"月"++date.getDate()+"日");
			document.write("<br>");
			document.write("现在是"+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds());
		</script>
	</body>
</html>

在这里插入图片描述

实例04:应用Date对象中的方法获取当前日期离明年元旦的天数

在这里插入图片描述
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script>		 
			    var curTime = new Date();
			    var newYear = new Date();
			    newYear.setFullYear(2021);
			    newYear.setMonth(0);
			    newYear.setDate(1);
			alert("离下一个元旦还有"+ ((newYear.getTime()-curTime.getTime())/(1000*60*60*24))+"天");
		</script>
	</body>
</html>

在这里插入图片描述

数组对象

弄懂JavaScript数组基础

String对象

JavaScript的String对象

猜你喜欢

转载自blog.csdn.net/qq_44830627/article/details/105475897