JS总结5

Emperorn

已于 2022-09-21 18:18:13 修改

阅读量598

点赞数

文章标签： javascript html 前端

于 2022-09-21 18:16:59 首次发布

本文链接：https://blog.csdn.net/Emperorn/article/details/126974056

版权

数字对象Math

数学对象提供基本的数学函数和常数

数学对象不需要使用new运算符

演示

		<script type="text/javascript">
			//Math对象
			console.log(Math.ceil(12.3))//返回一个大于该数字的最小数
			console.log(Math.floor(12.3))//返回一个小于该数字的最大整数
			console.log(Math.round(12.7))//返回一个四舍五入的整数
			console.log(Math.pow(2,3))//返回一个数的n次幕
			console.log(Math.max(2,3,1,4))//求2---n个数中的最大值
			console.log(Math.min(2,3,1,4))//求2---n个数中的最小值
			console.log(Math.random())//[0,1)*10  [0,11)
		</script>

猜数字游戏

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" name="result" id="result" value="" />
		<input type="button" name="btn" id="btn" value="猜数字" />
		<script type="text/javascript">
			//猜数字游戏
			//随机产生一个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>
</html>

日期对象

案例

页面时间

		<script type="text/javascript">
			//Date对象
			//需要通过new进行实例化

			//定时器，每隔多长时间调用一次回函数
			setInterval(function() {
				var time = new Date() //获取当前时间（包括日期）
				console.log(time)

				var year = time.getFullYear() //获取的是年份
				var month = time.getMonth()+1 //获取的是月份
				var date = time.getDate() //获取的是天数
				var hours = time.getHours() //获取的是小时
				var miuntes = 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
				miuntes = miuntes > 9 ? miuntes : "0" + miuntes
				seconds = seconds > 9 ? seconds : "0" + seconds

				var result = year + "年" + month + "月" + date + "日" + hours + ":" + miuntes + ":" + seconds
				document.getElementById("timer").innerHTML = result
			}, 1000) //1000指的是1000毫秒，也就是1秒
		</script>

数组对象

案例

		<script type="text/javascript">
			//创建数组
			var arr_1=new Array()
			console.log(arr_1.length)
			//设置数组中的元素时
			arr_1[0]="张三"
			arr_1[2]="李四"
			console.log(arr_1.length)
			
			//创建时指定长度
			var arr_2=new Array(5)//创建一个数组对象，长度是5
			arr_2[0]=10
			arr_2[0]=100
			arr_2[0]=99
			arr_2[0]=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>