9.21js知识点

发布于:2022-12-09 ⋅ 阅读:(602) ⋅ 点赞:(0)

一、数组

1.数组对象是使用单独的变量名来存储一系列的值。

var i;
var mycars = new Array();
mycars[0] = "Saab";
mycars[1] = "Volvo";
mycars[2] = "BMW";
for (i=0;i<mycars.length;i++){
	document.write(mycars[i] + "<br />");
}

2.创建一个数组,有三种方法。

    常规方式:

var myCars=new Array();
myCars[0]="Saab";      
myCars[1]="Volvo";
myCars[2]="BMW";

   简洁方式:

var myCars=new Array("Saab","Volvo","BMW");

字面:

myCars[0]="Opel";

3.访问数组

通过指定数组名以及索引号码,你可以访问某个特定的元素。

以下实例可以访问myCars数组的第一个值:

var name=myCars[0];

     [0] 是数组的第一个元素。[1] 是数组的第二个元素。

4.删除数组中最后一个数字 pop()

<p id="demo">单击按钮删除数组的最后一个元素。</p>
<button onclick="myFunction()">点我</button>
<script>
var fruits = ["Banana", "Orange", "Apple", "Mango"];
function myFunction(){
	fruits.pop();
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

5.排列数组

<p id="demo">单击按钮升序排列数组。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var points = [40,100,1,5,25,10];
	points.sort(function(a,b){return a-b});
	var x=document.getElementById("demo");
	x.innerHTML=points;
}
</script>

6.在数组开头中插入元素

<p id="demo">单击按钮在数组中插入元素。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	fruits.unshift("Lemon","Pineapple");
	var x=document.getElementById("demo");
	x.innerHTML=fruits;
}
</script>

二、Date内置函数

1.Date 对象用于处理日期与时间。

创建 Date 对象: new Date()

以下四种方法同样可以创建 Date 对象:

var d = new Date();
var d = new Date(milliseconds); // 参数为毫秒
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

2.Date 使用方法

getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。
getFullYear() 从 Date 对象以四位数字返回年份。
getHours() 返回 Date 对象的小时 (0 ~ 23)。
getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。
getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
getMonth()

从 Date 对象返回月份 (0 ~ 11)。

getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
getTime() 返回 1970 年 1 月 1 日至今的毫秒数。
getTimezoneOffset() 返回本地时间与格林威治标准时间 (GMT) 的分钟差。
getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
getUTCDay() 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。
setUTCHours() 根据世界时设置 Date 对象中的小时 (0 ~ 23)。
setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
setUTCMinutes() 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
setUTCMonth() 根据世界时设置 Date 对象中的月份 (0 ~ 11)。
setUTCSeconds() setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段

3.注意:

  • milliseconds 参数是一个 Unix 时间戳(Unix Time Stamp),它是一个整数值,表示自 1970 年 1 月 1 日 00:00:00 UTC(the Unix epoch)以来的毫秒数。

  • dateString 参数表示日期的字符串值。

  • year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。

4.案例

获取计时器

<p id="time" style="text-align: center;font-size: 100px; color: coral;">
				
			</p>
		<script type="text/javascript">
			//定时器,每个多长时间调用一次回调函数
			setInterval(function(){
				var date=new Date()
			var hours=date.getHours()
			var minutes=date.getMinutes()
			var seconds=date.getSeconds()
			//拼接0
			hours=hours>9?hours:"0"+hours
			minutes=minutes>9?minutes:"0"+minutes
			seconds=seconds>9?seconds:"0"+seconds
			
			var result=hours+":"+minutes+":"+seconds
			console.log(result)
			document.getElementById("time").innerHTML=result
			},1000)

获取一个字符串中出现最多的字母及个数

//声明一个字符串
			var str="abaasdffggghhjjkkgfddsssss3444343"
			//声明一个空对象
			var obj={}
			//遍历数组
			for(var i=0;i<str.length;i++){
				var key=str[i]
				if(obj[key]==undefined){
					obj[key]=1
				}else{
					obj[key]++
				}
			}
			console.log(obj)
			
			//假设一个最大数
			var maxNum=0
			for(var s in obj){
				if(obj[s]>maxNum){
					maxNum=obj[s]
				}
			}
			console.log(maxNum)

三、Math

1.随机数

//声明一个字符串
			var str="HelloWorld"
			var a=str.length
			var b= str.charAt(Math.random()*a)
			console.log(b)

2.Math对象

//Math对象
			console.log(Math.ceil(12.3))//返回一个大于该数字的最小整数
			console.log(Math.floor(12.3))//返回一个小于该数字的最大整数
			console.log(Math.round(12.7))//返回一个大于该数字的最小整数

本文含有隐藏内容,请 开通VIP 后查看