JavaScript的Math对象、Date对象、Array对象(9.21)

最新推荐文章于 2024-10-11 17:39:47 发布

淡忘728

最新推荐文章于 2024-10-11 17:39:47 发布

阅读量219

点赞数

文章标签： javascript java servlet

本文链接：https://blog.csdn.net/weixin_65824274/article/details/126979721

版权

Math对象的常用属性和方法

Math是一个内部对象，提供基本的数学函数和常数，数学对象不需要使用new运算符

数学对象(Math)

方法	说明
abs(x)	返回x的绝对值
cos(x)/acos(x)	返回x的余弦/反余弦值
sin(x)/asin(x)	返回x的正弦/反正弦值
atan(x)	返回x的反正切值
cell(x)/fioor(x)	对数进行上/下舍入
exp(x)	返回e的指数
log(x)	返回数的自然对数(底为e)
max(xy)/min(xy)	返回x和y中的最大/小值
pow(xy)	返回x的y次幕
random()	返回0~1之间的随机数[0.1)
round(x)	把数四舍五入为最接近的整数
sqrtoxd(x)	返回数的平方根

属性	说明
LN10	返回10的自然对数
LN2	返回2的自然对数
LOG10E	返回以10为底的e的对数
LOG2E	返回以2为底的e的对数
PI	返回圆周率，约3.141592653...
SORT12	返回0.5的平方根
SQRT2	返回2的平方根
E	返回自然常量E，约2.718

<body>
		<input type="text" name="result" id="result" value="" />
		<input type="button" name="btn" id="btn" value="随机数" />
		<script type="text/javascript">
			//Math对象
			console.log(Math.ceil(12.3))//返回一个大于该数字的最小整数 13
			console.log(Math.floor(12.3))//返回一个小于该数字的最大整数12
			console.log(Math.round(12.6))//返回一个四舍五入的整数13
			console.log(Math.pow(2,3))//返回2的3次方8 
			console.log(Math.max(2,3,1,4))//返回一个最大值4
			console.log(Math.min(2,4,5,6))//返回一个最小值2
			console.log(Math.random())//[0,1)*10 [0,10)
			//随机输出0-10之间的任意整数 [0,11)
			console.log(Math.floor(Math.random()*11))
			/**
			 * 猜数字游戏
			 * 随机输出一个0-10之间的任意整数
			 */
			var num = Math.floor(Math.random()*11)
			document.getElementById("btn").onclick = function (){
				//获取文本框中的数字
				var result = parseInt(document.getElementById("result").value)
				if(result>num){
					alert("你输入的数太大了!")
				}else if(result<num){
					alert("你输入的数太小了!")
				}else{
					alert("恭喜你，猜对了")
				}
			}
			
		</script>
		
	</body>

Date对象的常用属性和方法

Date对象包含日期和时间的相关信息。Date对象没有任何属性，它只具有很多用于设置和获取日期时间的方法。

日期对象(Date)

方法	说明
Date()	返回当日的日期和时间
getDate()	从Date对象返回一个月中的某一天(1-31)
getDay()	从Date对象返回一周中的某一天(0~6)
getMonth()	从Date 对象返回月份(0~11)
getFullYear()	从Date 对象以四位数字返回年份
getHours()	返回Date对象的小时(0~23)
getMinutes()	返回 Date 对象的分钟(0~59)
getSeconds()	返回Date对象的秒数(0~59)
getMilliseconds()	返回Date对象的毫秒(0-999)
getlimed()	返回1970年1月1日至今的毫秒数

<body>
		<span id="timer">
			
		</span>
		<script type="text/javascript">
			//Date对象
			//需要通过new进行实例化
			//定时器 ，每隔多长时间调用一次回调函数
			setInterval(function(){
			var time = new Date()//获取的是当前时间(包括时间)
			console.log(time)
			var year = time.getFullYear()//获取年份
			var month = time.getMonth()//获取月份
			var date = time.getDate()//获取日期
			var hours = time.getHours()//获取小时
			var minutes = time.getMinutes()//获取分钟
			var seconds = time.getSeconds()//获取秒数
			//拼接0
			month=month>9?month:"0"+month
			date=date>9?date:"0"+date
			hours=hours>9?hours:"0"+hours
			minutes=minutes>9?minutes:"0"+minutes
			seconds=seconds>9?seconds:"0"+seconds
			var result = year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds
			//console.log(result)
			document.getElementById("timer").innerHTML=result	
			},1000)//1000指的是1000毫秒，也就是1秒
			setTimeout(function(){
				console.log("aa")
			},2000)
		</script>
	</body>

数组对象

在JavaScript中对象和数组是以相同的方式处理的。一个数组对象实际上是个有序的值的集合，由于JavaScript是一种无类型语言，所以在数组中可以存放任意的数据类型。

数组对象(Array)

方法	说明
concat()	将两个数组连接成新数组
join()	将数组中所有元素连接成字符串
pop()	移除数组的最后一个元素
push()	在数组最后添加一个元素
unshift()	在数组开始添加一个元素
reverse()	反转数组元素，倒叙
shift()	移除数组的第一个元素
silce()	获取子数组
splice()	插入、删除或替换数组中的元素
sort()	对数组排序

<body>
		<span id="uname">
			请点击开始
		</span>
		<input type="button"  id="start" value="开始" />
		<input type="button"  id="end" value="结束" />
		<script type="text/javascript">
			var unames = ["张三","李四","张五","刘思","张七","赵利"]
			var timer
			document.getElementById("start").onclick=function(){
				timer = setInterval(function(){
					//随机产生0-5之间的任意数
					var index = Math.floor(Math.random()*unames.length)
					document.getElementById("uname").innerHTML=unames[index]
				},100)
			}
			document.getElementById("end").onclick=function(){
				clearInterval(timer)//使用clearInterval()清除定时器
			}
		</script>
	</body>

<script type="text/javascript">
			//数组对象
		    //创建数组
		    var arr_1 = new  Array()
		    console.log(arr_1.length)
		    //设置数组中的元素时
		    arr_1[0] = "张三"
		    arr_1[1] = "李四"
		    console.log(arr_1.length)
		    //创建时指定长度
		    var arr_2 = new  Array(5)
		    arr_2[0] = 10
		    arr_2[4] = 100
		    arr_2[5] = 99
		    arr_2[6] = 40
		    console.log(arr_2.length)
		    var arr_3 =["张三","李四"]
		    arr_3.length =0//清空数组
		    console.log(arr_3)
		    //遍历数组中的元素
		    for(var i in arr_3){
		    	console.log(arr_3[i])
		    }
		    for(var i =0;i<arr_3.length;i++){
		    	console.log(arr_3[i])
		    }
		    //数组中的函数
		    var arr_4 =["张三","李四","张五","刘思","张七","赵利"]
		    arr_4.push("张一")
		    arr_4.unshift("张二")
		    arr_4.pop()
		    arr_4.shift()
		    console.log(arr_4)
		</script>