js总结5-优快云博客

本文介绍了JavaScript中字符串、数学及数组对象的基本方法，并通过实际案例展示了如何利用这些方法实现猜数字游戏、实时时间显示及随机抽选等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、

1.字符串对象

方法（参数列表）/ 属性说明

length 返回字符串长度

charAt（num）返回参数num指定索引处的字符的Unicode值

charCodeAt（num）返回参数num指定索引处的字符的Unicode值

indexOf（string[,num]）返回参数string在字符串中首次出现的位置

lastlndexOf(string[,num]) 返回参数string在字符串中最后出现的位置

substring(index1[,index2] 返回字符串中index1和index2之间的字符串

substr(index1[,num]) 返回字符串index1之后的num个字符

toUpperCase(）返回字符串大写形式

toLowerCase() 返回字符串小写形式

split(reg,num) 根据参数传入的正则表达式或者字符（串），将字符传分割成字符串数组

replace(reg,string) 根据参数传入的正则表达式或者字符（串），将字符串替换为新字符串

search(string) 返回参数string出现的位置

2.数学对象

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

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

1.1console.log(Math.ceil(12.3)) 返回一个大于该数字的最小整数

1.2console.log(Math.floor(12.3)) 返回一个小于该数字的最大整数

1.3console.log(Math.round(12.7)) 返回一个四舍五入的整数

1.4console.log(Math.pow(2,3)) 返回x的y次幂

1.5console.log(Math.max(2,3,5,3))判断谁最大

随机出0-10之间的任意整数

console.log(math.floor(Math.random()*11)

3.数组对象

二、

1.1猜数字随机生成一个0-10的任意数字

<body>
		<input type="text" name="" id="name" value="" />
		<input type="button" name="" id="bt" value="随机" />
		<script type="text/javascript">
var x=Math.floor(Math.random()*11)
			document.getElementById("bt").onclick=function(){
				var name=parseInt(document.getElementById("name").value)
				if(name>x){
					alert("你输入数字太大")
				}else if(name<x){
					alert("你输入数字太小")
				}else{
					alert("恭喜答对")
				}
			}
</script>

var name=parseInt(document.getElementById("name").value)

获取文本框中输入的内容

1.2Date对象需要通过new进行实践定时器,每个多长时间调用一次回调函数

1.var time =new Date() 获取的是当前时间（包括日期）

2.var year=time.getFullYear() 获取的是年份

3.var month=time.getMonth()+1 获取的是月份

4.var hours=time.getHours() 获取到是小时

5.var minutes=time.getMinutes() 获取的是分钟

6.var seconds=time.getSeconds()获取的是秒数

1.3拼接让它们自动

关键词：innerHTML 自动运行时间

span id="timer" 显示到页面

源代码：

<body>
		<span id="timer">
			
		</span>
		<script type="text/javascript">
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 minutes=time.getMinutes()
				var seconds=time.getSeconds()
				month=month>9?month:"0"+month
				date=date>9?date:"0"+date
				hours=hours>9?hours:"0"+hours
				minutes=minutes>9?minutes:"0"+minutes
				seconds=seconds>9?seconds:"0"+seconds
				
				var result=year+"年"+month+"月"+date+"日"+hours+":"+minutes+":"+seconds
				document.getElementById("timer").innerHTML=result
				},1000)
</script>

1000指的是1000毫秒，也就是一秒

视图：

1.4随机抽选

</head>
	<body>
		<span id="uname"><!-- 显示到页面 -->
		</span>
		<input type="button" name="" id="ks" value="开始" />
		<input type="button" name="" id="js" value="结束" />
		<script type="text/javascript">
			var uname=["小王","小二","小三"]
			var timer
			document.getElementById("ks").onclick=function(){
				timer=setInterval(function(){
					var index=Math.floor(Math.random()*uname.length)
					document.getElementById("uname").innerHTML=uname[index]
				},100)
			}
			document.getElementById("js").onclick=function(){
				clearInterval(timer)//停止
			}
		</script>

document.getElementById("js").οnclick=function(){
clearInterval(timer)//停止

}

停止运行查看结果