自学WEB前端-3(JavaScript-3 )_javascript web3前端演示-优快云博客

本文链接：https://blog.youkuaiyun.com/Sim_perfect/article/details/105731376

本文深入讲解JavaScript中的核心对象，包括Array、Date、Math、Global和RegExp对象的创建、方法、属性及特点，同时介绍了字符串属性和操作方法，是学习JavaScript进阶的重要资料。

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

Web的学习路线之JavaScript-3

一、JavaScript对象
二、String属性

一、JavaScript对象

1. JavaScript Array对象

			Array：数组对象
				
				1.创建
					1. var arr = new Array(元素列表);
					2. var arr = new Array(默认长度);    
						例如 var arr = new Array(5); 如果只有一个元素，表示数组的长度
					3. var arr = [元素列表];
				2.方法
					join()		把数组的所有元素放入一个字符串。
					push()		向数组的末尾添加一个或更多元素，并返回新的长度。
					sort()		对数组的元素进行排序。
					unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
					shift()		删除数组（开头）最前面的元素
					pop() 		删除数组的最后一个元素，并返回该元素。
					forEach()	遍历数组
					splice()	通过索引删除某个元素
					slice()		返回一个新的数组对象（对原数组的前拷贝，原数组不会被改变）
					
				3.属性
					length 数组的长度
				4.特点
					1.JS中数组元素的类型是可变的
					2.JS中数组的长度是可变的
				5.调用 （调用之前一般进行对象的初始化也就是1中用到的new）
				对象名.方法名（参数）;
				注：数组元素列表中可以有数组类型，这样的数组叫多维数组。

2. JavaScript Date对象

			Date :日期对象
			
			1.创建
				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.方法（方法有很多 这里只举两个比较常用的方法）
				toLocaleString()	据本地时间格式，把 Date 对象转换为字符串。
				getTime()	返回 1970 年 1 月 1 日至今的毫秒数。
			3.属性
			constructor	  返回对创建此对象的 Date 函数的引用。
			prototype	  用于向对象添加属性和方法。
			4.特点
				可以很容易获取日期还可以进行日期的比较
			5.调用 （调用之前一般进行对象的初始化也就是1中用到的new）
			对象名.方法名（参数）;

3. JavaScript Math对象

			Math对象:用于执行数学任务
			1.创建
				不需要new，不是对象的类，无需创建直接调用
			2.方法
				random()	返回 0 ~ 1 之间的随机数， 包含0 不包含1。
				ceil(x)		对数进行上舍入。
				floor(x)	对 x 进行下舍入。
				round(x)	把数四舍五入为最接近的整数。
			3.属性
				E			返回算术常量 e，即自然对数的底数（约等于2.718）。
				LN2			返回 2 的自然对数（约等于0.693）。
				LN10		返回 10 的自然对数（约等于2.302）。
				LOG2E		返回以 2 为底的 e 的对数（约等于 1.414）。
				LOG10E		返回以 10 为底的 e 的对数（约等于0.434）。
				PI			返回圆周率（约等于3.14159）。
				SQRT1_2		返回返回 2 的平方根的倒数（约等于 0.707）。
				SQRT2		返回 2 的平方根（约等于 1.414）。
			4.特点
				不用创建直接使用。  Math.方法名();
			5.调用 */
			document.write((Math.floor(Math.random()*100)+1)+"<br>");  //输出一个0-100的随机数

4. JavaScript Global对象

url编码
1.方法
decodeURI()      		参数uri		必需。	一个字符串，含有要解码的 URI 或其他要解码的文本。decodeURIComponent()   	参数uri	 	必需。	一个字符串，含有编码 URI 组件或其他要解码的文本。
encodeURI()				参数uri		必需。	一个字符串，含有 URI 或其他要编码的文本。
encodeURIComponent()	参数uri		必需。	一个字符串，含有 URI 组件或其他要编码的文本。
escape()				参数string	必需。	要被转义或编码的字符串。
eval()					参数string	必需。	要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。
isFinite()				参数value	必需。	要检测的数字。
isNaN()					参数value	必需。	要检测的值。
Number()				参数object	可选。	一个 JavaScript 对象。如果没有提供参数，则返回0。
parseFloat()			参数string	必需。	要被解析的字符串。
parseInt()				参数string	必需。	要被解析的字符串。
						参数radix	可选。	表示要解析的数字的基数。该值介于 2 ~ 36 之间。
String()				参数object	必需。	把对象的值转换为字符串。
unescape()   			参数string			对由 escape() 编码的字符串进行解码。

5. JavaScript RegExp对象

RegExp正则表达式
	正则表达式是描述字符模式的对象。
	正则表达式用于对字符串模式匹配及检索替换，是对字符串执行模式匹配的强大工具。
		[abc]	查找方括号之间的任何字符。
		例如 [a] [ab] [a-c]
		特殊符号代表特殊含义的单个字符
			\d 单个数字字符[0-9]
			\w 单个单词字符 [a-zA-Z0-9_]
		量词符号：
			？ 表示出现0次或者1次
			*  表示出现0次或者多次
			+  表示出现1次或者多次
			{m,n}  表示 m<= 数量 <= n
				m缺省:{,n} 最多n次
				n缺省:{m,} 最少m次 
	正则对象：
		开始结束符号
				开始 ^
				结束 $
				例如  var reg = /^{6,12}/$;
		1.创建
			1. var reg = new RegExp("正则表达式");
			例如 var reg = new RegExp("\w{6,12}\"); \具有转义字符的作用所以多用\\表示\
			var reg = new RegExp("\\w{6,12}\");
			2. var reg = /正则表达式/;
		2.方法
			compile	编译正则表达式。
			exec	检索字符串中指定的值。返回找到的值，并确定其位置。
			test	检索字符串中指定的值。返回 true 或 false。

二、String属性

	属性：
	String.prototype	
	String.length			返回字符串长度
	方法：
	indexOf()				返回字符串出现的首位置（索引)
	substr(start,length)	返回一个字符串中从start开始到指定字符数length的字符
	toUpperCase()			将指定字符串中小写字母转为大写字母并返回
	toLowerCase()			将指定字符串中大写字母转为小写字母并返回
	repalce()				返回一个由指定替换值替换一些或者全部指定被替换字符后的新字符串
	trim()					删除两端的空白字符（space，tab，no-break space等）并且包括行终止字符（如LF,CR）