JavaScript-对象

本文深入讲解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>

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

一、综合实战—使用极轴追踪方式绘制信号灯 实战目标:利用对象捕捉追踪和极轴追踪功能创建信号灯图形 技术要点:结合两种追踪方式实现精确绘图,适用于工程制图中需要精确定位的场景 1. 切换至AutoCAD 操作步骤: 启动AutoCAD 2016软件 打开随书光盘中的素材文件 确认工作空间为"草图与注释"模式 2. 绘图设置 1)草图设置对话框 打开方式:通过"工具→绘图设置"菜单命令 功能定位:该对话框包含捕捉、追踪等核心绘图辅助功能设置 2)对象捕捉设置 关键配置: 启用对象捕捉(F3快捷键) 启用对象捕捉追踪(F11快捷键) 勾选端点、中心、圆心、象限点等常用捕捉模式 追踪原理:命令执行时悬停光标可显示追踪矢量,再次悬停可停止追踪 3)极轴追踪设置 参数设置: 启用极轴追踪功能 设置角度增量为45度 确认后退出对话框 3. 绘制信号灯 1)绘制圆形 执行命令:"绘图→圆→圆心、半径"命令 绘制过程: 使用对象捕捉追踪定位矩形中心作为圆心 输入半径值30并按Enter确认 通过象限点捕捉确保圆形位置准确 2)绘制直线 操作要点: 选择"绘图→直线"命令 捕捉矩形上边中点作为起点 捕捉圆的上象限点作为终点 按Enter结束当前直线命令 重复技巧: 按Enter可重复最近使用的直线命令 通过圆心捕捉和极轴追踪绘制放射状直线 最终形成完整的信号灯指示图案 3)完成绘制 验证要点: 检查所有直线是否准确连接圆心和象限点 确认极轴追踪的45度增量是否体现 保存绘图文件(快捷键Ctrl+S)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值