javascript数组对象和正则表达对象

数组对象

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

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

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

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

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

reverse():反转数组元素,倒叙

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

silce():获取子数组

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

sort():对数组排序

正则表达式对象

匹配符:\b  \d  \f   \n  \r   \s   \t   \v  \w  ^、$   *  +  

?  {n,m}  .  (x|y)   []  [^]  [-]

  • 编程题
  1. 利用定时器实现一个动态时钟

 

<!-- 时间 -->
		<script type="text/javascript">
			var i = 0
			//定时器
			setInterval(function() {
				var date = new Date()
				console.log(date)

				//获取小时
				var hours = date.getHours()
				//获取分钟
				var minutes = date.getMinutes()
				//获取秒
				var second = date.getSeconds()
				
				hours = hours > 9 ? hours : "0" + hours
				minutes = minutes > 9 ? minutes : "0" + minutes
				second = second > 9 ? second : "0" + second

				var result = hours + ":" + minutes + ":" + second
				document.getElementById("time").innerHTML = result
			}, 1000)
		</script>
  1. 某部门有张三、李四、王五、赵六、小白、小明、小红,共7名职员,由于临近年会,现请你帮助制作一个抽奖系统,随机抽取5名幸运儿,不能重复。

         

<!-- 现请你帮助制作一个抽奖系统,随机抽取5名幸运儿 -->
		<input type="button" id="a" value="抽奖啦!" />
		<span id="names">
			<br />
			赵<br />
			李<br />
			明<br />
			白<br />
			卢<br />
			红<br />
			张<br />
		</span>
		<script type="text/javascript">
			   document.getElementById("a").onclick=function(){
			   //原数组
			   var a1 = ["赵","李","明","卢","白","张","红"]
			   var out = [];//输出数组
			   var num = 5;//输出个数
			   while(out.length < num){
			       var temp = (Math.random()*a1.length) >> 0;
			       out.push(a1.splice(temp,1));
			   }
			   document.getElementById("names").innerHTML=out
			   }
		</script>

 

  1. 完成对注册表单的设计与验证

 

<h2>欢迎注册**网站</h2>
		<h3>姓名:<input type="text" id="a" placeholder="2-4个中文"/></h3>
		 <h3>密码:<input type="text" id="b" placeholder="至少6个数字必须是字母数字下划线"/></h3>
		<h3>邮箱:<input type="text" id="c" placeholder="单域名邮箱"/></h3>
		<h3>年龄:<input type="text" id="d" placeholder="整数"/></h3>
		<input type="button" id="e" value="验证信息"/>
		<script type="text/javascript">
			document.getElementById("e").onclick=function(){
				var a=/^[\u4e00-\u9fa5]+$/
				var a1=document.getElementById("a").value
				var isa2=a.test(a1)
				if(isa2==false){
					alert("名字格式不正确")
					return
				}
				var b=/^[0-9a-zA-Z_]{6,}$/
				var b1=document.getElementById("b").value
				var isb2=b.test(b1)
				if(isb2==false){
					alert("密码格式不正确")
					return
				}
				var c=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
				var c1=document.getElementById("c").value
				var isc2=c.test(c1)
			
				if(isc2==false){
					alert("邮箱格式不正确")
					return
				}
				var d=/^[0-9]*$/
				var d1=document.getElementById("d").value
				var isd2=d.test(d1)
				if(isd2==false){
					alert("年龄格式不正确")
					return
				}
				if(isa2&&isb2&&isc2&&isd2){
					alert("验证成功")
				}
			}
		</script>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值