JavaScript-----有关数组对象、正则表达式对象

最新推荐文章于 2025-01-18 00:20:33 发布

大夏观

最新推荐文章于 2025-01-18 00:20:33 发布

阅读量323

点赞数 1

文章标签：数据结构

本文链接：https://blog.youkuaiyun.com/m0_68758365/article/details/126959031

版权

一、数组对象的含义：数组对象是一系列有序的值的集合，可以存放任何类型的数据、建议只存放一种数据类型。

	//数组对象
			var arr_1 = new Array()
			arr_1[0] = "张三"
			arr_1[0] = "李四"
			console.log(arr_1.length)

*JavaScript不支持多维数组，但可以使用

eg：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var citys=new Array();
			citys["河南"]=["郑州","开封","商丘"]
			citys[1]=["武汉","天门","黄石"]
			for(var i in citys){
				document.write(city[i]+"<br>")
				for(var j=0;j<city[i].length;j++){
					document.write(citys[i][j]+"<br>")
				}
			}
			
		</script>
	</body>
</html>

数组对象分类：

concat():将两个数组连接成新数组

join():将数组中所有元素链接成字符串

pop():移除数组的最后一个元素

push():在数组最后添加一个元素

unshift():在数组开始添加一个元素

reverse()：反转数组元素，倒叙

shift():移除数组的第一个元素

silce():获取子数组

splice():插入，删除，或替换数组中的元素

sort():对数组排序

二、正则表达式对象

正则表达式的方法：

compile()方法。把正则表达式编译为内部格式，从而执行更快，使用新正则去替换旧正则，主要是提升比较复杂和耗时的处理过程的性能，一般情况下很少使用

exec()方法。用正则表达式在字符串中查找，并返回包含结果的一个数组。不仅用于判断给定的字符是否匹配，而且会返回匹配结果的详细信息。

test()方法。返回一个bool值，它指出被查找的字符串是否匹配给定的模式。使用频繁，主要用于匹配测试，匹配成功返回true，否则返回false。

代码演示：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<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>

正则表达式对象分类：

中文字符：/^[\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$/

Math对象：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
		 <script type="text/javascript"> 
						//Math对象
			 	console.log(Math.max(1, 20, 30))
				console.log(Math.pow(2, 3)) //2的3次方
				console.log(Math.random()) //随机数
				console.log(Math.floor(12.6)) //小于这个数的最大值
				console.log(Math.ceil(12.3)) //大于这个数的最小值
				console.log(round(12.3)) //把数进行四舍五入
				console.log(Math.floor(Math.random()*11))//0-10 之间的整数
				
			
		</script>



	</body>
</html>

小知识！

*用代码表示年月日时分秒

//使用定时器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>

	<body>
		<input type="text" name="time" id="time" value="">
		<script type="text/javascript">
			//定时器
			setInterval(function() {

				var date = new Date()
				//console.log(date)
				var year = date.getFullYear() //获取的年份
				var month = date.getMonth() //获取月份
				//console.log(year, month)
				var day = date.getDate() //日
				//console.log(day)
				var hours = date.getHours() //获取的小时
				var minutes = date.getMinutes() //获取的分钟、、
				var seconds = date.getSeconds() //获取的秒数

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