JavaScript-对象

最新推荐文章于 2024-05-29 22:27:21 发布

娃娃救葫芦爷

最新推荐文章于 2024-05-29 22:27:21 发布

阅读量584

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JavaScript基础

本文链接：https://blog.youkuaiyun.com/cc098818/article/details/99413749

JavaScript基础专栏收录该内容

5 篇文章

订阅专栏

本文深入讲解JavaScript中的关键概念，包括对象、字符串、日期和数组的创建、操作与使用技巧。探讨了动态属性添加与删除、构造方法、字符串操作、日期获取及格式化、数组排序与组合等实用功能。

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

1、JavaScript 对象
（1）JavaScript 对象定义
（2）JavaScript 动态的添加属性和方法
（3）JavaScript 动态的删除属性和方法
（4）JavaScript 对象构造方法

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript对象</title>
</head>
<body>
<script type="text/javascript">
	/* function speak(something){
		alert(something);
	} */
	
	/* var p=new Object(); 
	p.name="Jack"; // 动态的添加属性
	p.func=speak;  // 动态的添加方法
	alert(p.name);
	p.func("Hello,Hello,大家好！"); */
	
	/* delete p.name; 
	alert(p.name);
	delete p.func;
	p.func("Hello,Hello,大家好！"); */
	
	/* p.name=undefined;
	p.func=undefined;
	alert(p.name);
	p.func("Hello,Hello,大家好！"); */
	
	function person(name,age){
		this.name2=name;
		this.age2=age;
		
		function speak(something){
			alert(something);
		}
		
		this.func=speak;
	}
	
	var p1=new person("Jack",12);
	alert(p1.name2);
	p1.func("Hello,EveryOne!");
</script>
</body>
</html>

2、JavaScript 字符串对象
（1）字符串对象实例化方法
（2）字符串 length 属性
（3）字符串 indexOf 方法使用 indexOf() 来定位字符串中某一个指定的字符首次出现的位置
（4）字符串 replace()方法使用 replace() 方法在字符串中用某些字符替换另一些字符

<!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/>");
	document.write(s2+" 的长度是："+s2.length+" <br/>");
	document.write(s2.indexOf("abc", 0)+"<br/>");
	document.write(s2.replace("abc", "java1234")+"<br/>");
</script>
</body>
</html>

运行结果：
在这里插入图片描述
3、JavaScript 日期对象
（1）日期对象实例化
（2）getTime()方法，返回 1970 年 1 月 1 日至今的毫秒数。
（3）getFullYear() 从 Date 对象以四位数字返回年份。
（4）getMonth() 从 Date 对象返回月份 (0 ~ 11)。
（5）getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。
（6）getHours() 返回 Date 对象的小时 (0 ~ 23)。
（7）getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。
（8）getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。
（9）getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JavaScript日期对象</title>
</head>
<body>
<script type="text/javascript">
	var date=new Date();
	document.write(date.getTime()+"<br/>");
	document.write(date.getFullYear()+"<br/>");
	document.write((date.getMonth()+1)+"<br/>");
	document.write(date.getDate()+"<br/>");
	var today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日";
	document.write(today+"<br/>");
	document.write(date.getHours()+"<br/>");
	document.write(date.getMinutes()+"<br/>");
	document.write(date.getSeconds()+"<br/>");
	today=date.getFullYear()+"年"+(date.getMonth()+1)+"月"+date.getDate()+"日  "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
	document.write(today+"<br/>");
	var day=date.getDay();
	var week;
	switch(day){
	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()+"日  "+week+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
	document.write(today+"<br/>");
</script>
</body>
</html>

运行结果：
在这里插入图片描述
4、JavaScript 数组
（1）数组的声明；
（2）数组的遍历；
（3）数组元素排序 sort()方法；
（4）数组元素组合成字符串 join()方法；
（5）合并数组元素 concat()方法；
（6）颠倒数组元素 reverse()方法；


<!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]="jack";
	arr[1]="marry";
	arr[2]="tom";
	arr[3]="lucy";
	arr[4]="june";
	
	arr2[0]=2;
	arr2[1]=1;
	arr2[2]=5;
	
	for(var i=0;i<arr.length;i++){
		document.write(arr[i]+"<br/>");
	}
	document.write("<hr/>");
	var o;
	for(o in arr2){
		document.write(o+" "+arr2[o]+"<br/>");
	}
	document.write("<hr/>");
	document.write("sort()"+arr.sort()+"<br/>");
	document.write("sort()"+arr2.sort()+"<br/>");
	document.write("<hr/>");
	document.write("join()"+arr.join()+"<br/>");
	document.write("join()"+arr2.join(".")+"<br/>");
	document.write("<hr/>");
	document.write("concat()"+arr.concat(arr2)+"<br/>");
	document.write("<hr/>");
	document.write("reverse()"+arr.reverse()+"<br/>");
</script>
</body>
</html>

运行结果：
在这里插入图片描述