目录

1.JavaScript对象

1.1动态的添加属性和方法;

1.2动态的删除属性和方法;

1.3JavaScript对象的构造方法;

2.JavaScript字符串对象

3.JavaScript日期对象

4.JavaScript数组


1.JavaScript对象

1.1动态的添加属性和方法;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	//定义函数
	function speak(sth){
		alert(sth);
	}
	var p=new Object();//定义对象
	p.name="jack";//动态添加属性
	alert(p.name);
	p.func=speak;//动态添加方法,func是方法名
	p.func("hello world!");
</script>
</body>
</html>

运行结果:

JavaScript(四)——JavaScript对象_●  Web前端基础篇

JavaScript(四)——JavaScript对象_●  Web前端基础篇_02

 

1.2动态的删除属性和方法;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	//定义函数
	function speak(sth){
		alert(sth);
	}
	var p=new Object();//定义对象
	p.name="jack";//动态添加属性
	alert(p.name);
	p.func=speak;//动态添加方法,func是方法名
	p.func("hello world!");
	
	//方法1,用delete删除
	delete p.name;
	alert(p.name);
	delete p.func;
	alert(p.func);
	
	//方法2,用undefined删除
	p.name=undefined;
	p.func=undefined;
	alert(p.name);
	alert(p.func);
</script>
</body>
</html>

运行结果:

JavaScript(四)——JavaScript对象_●  Web前端基础篇_03

 

1.3JavaScript对象的构造方法;

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
	//JavaScript对象构造方法
	function person(name,age){
		this.name=name;
		this.age=age;
		
		//可以把外部方法一起构造进去,js的特色
		function speak(sth){
			alert(sth);
		}
		this.func=speak;
	}
	var p=new person("jack",12);
	alert(p.name);
	alert(p.age);
	
	p.func("hello");
</script>
</body>
</html>

 

2.JavaScript字符串对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript字符串对象</title>
</head>
<body>
<script type="text/javascript">
	//字符串对象实例化方法
	var s1="实例化字符串方式一";
	var s2=new String("实例化字符串abc方式二");
	document.write(s1+"<br/>");
	document.write(s2+"<br/>");
	//字符串length属性
	document.write(s2+" 的长度是:"+s2.length+" <br/>");
	//indexOf() 来定位字符串中某一个指定的字符首次出现的位置,从0开始
	document.write(s2.indexOf("abc", 0)+"<br/>");
	//replace() 方法在字符串中用某些字符替换另一些字符
	document.write(s2.replace("abc", "java")+"<br/>");
</script>
</body>
</html>

运行结果:

JavaScript(四)——JavaScript对象_数组_04 

 

3.JavaScript日期对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript日期对象</title>
</head>
<body>
<script type="text/javascript">
	var date=new Date();
	//getTime()方法,返回 1970 年 1 月 1 日至今的毫秒数
	document.write(date.getTime()+"<br/>");
	
	//getFullYear() 从 Date 对象以四位数字返回年份
	document.write(date.getFullYear()+"<br/>");
	//getMonth() 从 Date 对象返回月份 (0 ~ 11),要在后面+1
	document.write((date.getMonth()+1)+"<br/>");
	//getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
	document.write(date.getDate()+"<br/>");
	
	//打印一下今天的日期
	var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";
	document.write(today+"<br/>");
	
	//getHours() 返回 Date 对象的小时 (0 ~ 23)
	document.write(date.getHours()+"<br/>");
	//getMinutes() 返回 Date 对象的分钟 (0 ~ 59)
	document.write(date.getMinutes()+"<br/>");
	//getSeconds() 返回 Date 对象的秒数 (0 ~ 59)
	document.write(date.getSeconds()+"<br/>");
	
	//打印下今天的时刻
	today=date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒";
	document.write(today+"<br/>");
	
	//getDay() 从 Date对象返回一周中的某一天 (0 ~ 6)
	var today=date.getDay();
	var week;
	switch(today){
		case 0:week="星期日";break;
		case 1:week="星期一";break;
		case 2:week="星期二";break;
		case 3:week="星期三";break;
		case 4:week="星期四";break;
		case 5:week="星期五";break;
		case 6:week="星期六";break;
	}
	document.write(week+"<br/>");
	
	//打印此时此刻的时刻表
	today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()
	+"日"+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒,"+week;
	document.write(today+"<br/>");
</script>
</body>
</html>

运行结果:

JavaScript(四)——JavaScript对象_JavaScript对象_05

 

4.JavaScript数组

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript数组</title>
</head>
<body>
<script type="text/javascript">
	//没有定义数组长度的
	var arr=new Array();
	//定义了数组长度
	var arr2=new Array(3);
	
	arr[0]="Tom";
	arr[1]="Jerry";
	arr[2]="Marry";
	arr[3]="jack";
	arr[4]="lisa";
	
	arr2[0]=1;
	arr2[1]=2;
	arr2[2]=3;
	
	//用for循环输出
	for(var i=0;i<arr.length;i++){
		document.write(arr[i]+"<br/>");
	}
	document.write("<hr/>")
	
	//用for each输出
	for(var i in arr2){
		document.write(arr[i]+"<br/>");
	}
	
	//数组排序
	document.write("<hr/>")
	//按照字母的顺序表,先大写,后小写
	document.write(arr.sort()+"<br/>");
	document.write(arr2.sort()+"<br/>");
	document.write("<hr/>")
	
	//数组元素组合成字符串 join()方法,默认用逗号隔开
	document.write(arr.join()+"<br/>");
	//也可以选择用.隔开
	document.write(arr2.join(".")+"<br/>");
	document.write("<hr/>")
	
	//合并数组元素 concat()方法
	document.write(arr.concat(arr2)+"<br/>");
	document.write("<hr/>")
	
	//颠倒数组元素 reverse()方法
	document.write(arr.reverse()+"<br/>");
</script>
</body>
</html>

JavaScript(四)——JavaScript对象_JavaScript对象_06