JavaScript学习（第五章）

Smrsar

已于 2023-02-11 13:46:22 修改

阅读量127

点赞数

分类专栏： Java # JavaScript 文章标签：学习

于 2022-09-20 19:28:34 首次发布

本文链接：https://blog.csdn.net/weixin_59973239/article/details/126959124

版权

Java 同时被 2 个专栏收录

30 篇文章 1 订阅

订阅专栏

JavaScript

10 篇文章 0 订阅

订阅专栏

接第四章

一，Math对象的常用方法

方法	说明
ceil(num)	返回大于等于其数字参数的最小整数
floor(num)	返回小于等于其数值参数的最大整数
max(num1,num2)	返回给出的零个或多个数值表达式中较大者
min(num1,num2)	返回给出的零个或多个数值表达式中较小者
pow(base,exponent)	返回底表达式的指定次幂
random()	返回介于0和1之间的伪随机数
round(num)	返回与给出的数值表达式最接近的整数

<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//math对象
			console.log(Math.max(1, 2, 3, 4)) //输出最大值
			console.log(Math.pow(2, 3)) //2的3次方
			console.log(Math.random()) //随机一个数(0,1)之间
			console.log(Math.floor(Math.random() * 11)) //随机0-10以内的数，包括10

			
		</script>
	</body>
</html>

二，Date对象的常用方法

方法	说明
getFullYear()	返回Date对象中的年份，其值为四位数
getMonth()	返回Date对象中的月份，其值介于0至11之间
getDate()	返回Date对象中的日数，其值介于0至31之间
getHours()	返回Date对象中的小时数，其值介于0至23之间
getMinutes()	返回Date对象中的分钟数，其值介于0至59之间
getSeconds()	返回Date对象中的秒数，其值介于0至59之间
getDay()	返回Date对象中的天数，其值介于0至6之间
getTime()	返回自某一刻以来的毫秒数

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" name="time" id="time" value="" />
		<script type="text/javascript">
			//动态时钟
			var i = 0
			//定时器
			setInterval(function() {
				var date = new Date()
				console.log(date)
				var year = date.getFullYear() //获取年份
				var month = date.getMonth() + 1 //0-11月份
				console.log(year, month)
				var day = date.getDate() //日
				console.log(day)
				var hours = date.getHours() //时
				var minutes = date.getMinutes() //分
				var seconds = date.getSeconds() //秒

				month => 9 ? month : "0" + month
				day => 9 ? day : "0" + day
				hours => 9 ? hours : "0" + hours
				minutes => 9 ? minutes : "0" + minutes
				seconds => 9 ? seconds : "0" + seconds
				var result = year + "年" + month + "月" + day + "日" + hours + "时" + minutes + "分" + seconds + "秒"
				document.getElementById("time").value = result
			}, 1000)
		</script>
	</body>
</html>

三，数组对象常用的方法

方法	说明
concat()	返回一个新数组，这个新数组是由两个或者更多数组组合而成的
join()	返回字符串值，其中包含连接到一起的数组的所有元素，元素由指定的分隔符分割开来
pop()	移除数组中的最后一个元素并返回该元素
push()	将新元素添加到一个数组中，并返回数组的新长度值
reverse()	返回一个元素顺序被反转的Array对象
shift()	移除数组中的第一个元素并返回该元素
slice()	返回一个数组的一段
splice()	从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素
sort()	返回一个元素已经进行了排序的Array对象

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//数组对象
			var arr_1 = new Array()
			arr_1[0] = "张三"
			arr_1[1] = "李四"
			console.log(arr_1.length)

			var arr_2 = new Array(5)
			console.log(arr_2.length)

			var arr_3 = ["张三", "李四", "王武", "赵柳"]
			// for (var i in arr_3) {
			// 	console.log(arr_3[i])
			// }

			var str = ""
			for (var i = 0; i < arr_3.length; i++) {
				str += arr_3[i] + "*"
			}
			console.log(str)

			var result = arr_3.join("*")
			console.log(result)
			console.log("--------------------------")
			var arr_4 = ["张三", "李四", "王五", "赵柳"]
			arr_4.push("老王")
			// var a=arr_4.push("老王")
			// console.log(a)
			// for(var i in arr_3){
			// 	console.log(arr_3[i])
			// }
			arr_4.unshift("打底衫")

			//arr_4.pop()
			arr_4.shift()
			for (var i in arr_4) {
				console.log(arr_4[i])
			}

			// var result_1=arr_4.splice(1,3)
			// console.log(result_1)

			var result_2 = arr_4.reverse()
			console.log(result_2)

			var citys = new Array();
			citys[0] = ["郑州", "开封", "焦作", "商丘"]
			citys[1] = ["武汉", "天门", "黄石", "赤壁"]
			for (var i = 0; i < citys.length; i++) {
				for (var j = 0; j < citys[i].length; j++) {
					console.log(citys[i][j])
				}
			}
		</script>

	</body>
</html>

四，正则表达式

正则表达式对象

中文字符：/^[\u4e00-\u9fa5]+$/

邮箱：/^[0-9a-zA-Z_]+@[0-9a-zA-Z_]+[\.]{1}[0-9a-zA-Z_]+$/

电话：/^(d{3,4}-)?\d{7,8}$/

月份：/^((0?[1-9])|1[0-2])$/

天数：/^((0?[1-9])|((1|2)[0-9])|30|31)$/

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input type="text" name="pwd" id="pwd" value="" />
		<input type="button" name="" id="checkpwd" value="验证" />

		<script type="text/javascript">
			//正则表达式

			//密码长度至少为6为，且只能是数字，字母，下划线
			document.getElementById("checkpwd").onclick = function() {
				//实现密码的验证
				//编写正则表达式
				var reg = /^[0-9a-zA-Z_]{6,}/
				var pwd = document.getElementById("pwd").value
				var ispwd = reg.test(pwd)
				if (ispwd) {
					alert("密码格式正确")
				} else {
					alert("密码格式不正确")
				}
			}
		</script>
	</body>
</html>