第十五天Javascript基础-优快云博客

本文链接：https://blog.youkuaiyun.com/RestartJava/article/details/105632333

本文深入讲解JavaScript基础，包括九九乘法表实现、基本对象创建与使用，如Function、Array、Boolean、Date、Math等，及正则表达式、全局对象特性与URL编码方法。

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

第十五天Javascript基础

1. 小练习，九九乘法表
2. 基本对象

1. 小练习，九九乘法表

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标题</title>
	
	<script>
		document.write('<table>');
		for(var i = 1 ; i <= 9 ; i++ ){
			document.write('<tr>');
			for(var j = 1 ; j <= i ; j++){
			
				document.write('<td>');
				document.write(i+'×'+j+'='+i*j+" ");
			}
			document.write('</tr>');
		}
		document.write('</table>');
	</script>
	<style>
		table{
			border:1px solid black;
			width:50%;
			margin:0 auto;
			border-collapse:collapse;
		}
		td{
			width:60px;
			height:34px;
			border:1px solid black;
			text-align:center;
		}
	</style>
</head>

<body>
</body>
</html>

2. 基本对象

1.function
创建 1. var fun = new Function(" “,” “,” "){}
2. var fun = function(){}
3. function fun(){};
方法 1. length查看方法定义参数个数
2.arguments查看调用时实际传递的参数,封装在数组中。
演示：求任意数的和

function add(){
	var sum = 0;
	for(var i= 0; i < arguments.length; i++){
		sum +=arguments[i];
	}
	return sum;
}

Array
创建：1. var arr = new Array(1,2,3);
2.var arr = new Array(5);
3.var arr = [1,2,3];
特点：1.数组中元素类型任意
2.数组长度可变
方法：1.join(参数)；将数组拼接为字符串，以参数为分隔符
2.push();数组尾部添加元素
3.Boolean
4.Date
创建：1.var date = new Date();
方法：1.toLocaleString():返回字符串格式的时间
2.getTime();获取毫秒值
2.Math
创建：Math.方法名
方法：1. random();0到1的随机数，含0不含1
2.ceil(x)上取整
3.floor(x)下取整
4.round(x)四舍五入
演示：

var ran = Math.floor((Math.random()*100))+1;

6.Number
7.String
8.RegExp:正则表达式对象
--------1.正则表达式：定义字符串的组成规则。
----------------1.单个字符:[]
----------------如： [a] [ab] [a-zA-Z0-9_]
----------------* 特殊符号代表特殊含义的单个字符:
----------------\d:单个数字字符 [0-9]
----------------\w:单个单词字符[a-zA-Z0-9_]
----------------2. 量词符号：
----------------?：表示出现0次或1次
----------------：表示出现0次或多次
----------------+：出现1次或多次
----------------{m,n}:表示 m<= 数量 <= n
---------------- * m如果缺省： {,n}:最多n次
---------------- n如果缺省：{m,} 最少m次
----------------3. 开始结束符号
----------------* ^:开始
---------------- * $:结束
--------2. 正则对象：
----------------1. 创建
----------------1. var reg = new RegExp(“正则表达式”);
----------------2. var reg = /正则表达式/;
----------------2. 方法
----------------1. test(参数):验证指定的字符串是否符合正则定义的规范

		<script>
			var sum1 = new RegExp("\\w{6,12}");
			var sum2 = /^\w{6,12}$/;
			var sum3 = /^[a-z][1-9][A-Za-z1-9]$/;
			alert(sum3.test("A1A"));
		</script>

Global
1. 特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名();
2. 方法：
encodeURI():url编码
decodeURI():url解码
encodeURIComponent():url编码,编码的字符更多
decodeURIComponent():url解码
parseInt():将字符串转为数字
* 逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为number
isNaN():判断一个值是否是NaN
* NaN六亲不认，连自己都不认。NaN参与的==比较全部问false
eval():讲 JavaScript 字符串，并把它作为脚本代码来执行。
3. URL编码
传智播客 = %E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2