JavaScript常用对象

最新推荐文章于 2024-05-21 14:15:14 发布

煎蛋zai冒泡

最新推荐文章于 2024-05-21 14:15:14 发布

阅读量106

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_68266487/article/details/126960080

版权

一：数学对象

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

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//Math对象
			console.log(Math.max(1,4,7))
			console.log(Math.min(1,4,7))
			console.log(Math.pow(2,4))//返回2的3次方
			console.log(Math.floor(14.3))//返回小于这个数的最大整数
			console.log(Math.ceil(15.4))//返回大于这个数的最小整数
			console.log(Math.round(13.6))//四舍五入
			console.log(Math.floor(Math.random()*11))//返回[0,11)的随机数
		</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()
				var year=date.getFullYear()//获取的年份
				var month=date.getMonth()+1//0~11月份+1
				var day=date.getDate()//日
				var hours=date.getHours()//获取小时
				var minutes=date.getMinutes()//获取分钟
				var seconds=date.getSeconds()//获取秒
				month=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>

三：数组对象

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

<!DOCTYPE html>
<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(7)
			console.log(arr_2.length)
			
			var arr_3=["张三","李四","王五","赵六"]
			/* for(var i=0;i<arr_3.length;i++){
				console.log(arr_3[i])
			} */
			
			/* 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)
			
			
			
			var arr_4=["张三","李四","王五","赵六"]
			arr_4.push("海绵宝宝")
			/* var a=arr_4.push("海绵宝宝")
			console.log(a) */
			for(var i in arr_4){
				console.log(arr_4[i])
			} 
			arr_4.unshift("熊二")
			
			
			
			
			
			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>

四：正则表达式对象

正则表达式主要用于表单验证，如手机号，邮箱，身份证等

在使用正则表达式之前，首先要创建正则表达式对象（1：使用正则标识字符串 2：只用内置正则表达式对象）

实例：表单验证

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input  type="text" name="pwd" id="pwd" value=""/>
		<input  type="button" name="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>