Web前端自学记录（十五） JavaScript

JavaScript

1.Date

Date对象
在JS中使用Date对象来表示一个时间

创建一个Date对象

如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间
var d = new Date();

创建一个指定的时间对象

需要在构造函数中传递一个表示时间的字符串作为参数
日期的格式 月份/日/年 时:分:秒
var d2 = new Date("04/15/2021 12:12:30");

方法

getDate()
	获取当前时间对象是几日
getDay()
	获取当前时间对象是周几，会返回一个0-6的值 0表示周日
getMonth()
	获取当前时间对象的月份，会返回一个0-11的值 0表示一月
getFullYear()
	获取当前时间对象的年份
getTime()
	获取当前时间对象的时间戳
	时间戳：指的是从格林威治标准时间的1970年1月1日 0时0分0秒到当前时间所花费的毫秒数(1秒 = 1000毫秒)
	计算机底层在保存时间时使用的是时间戳
获取当前的时间戳
	time = Date.now()
	可以利用时间戳来测试代码执行的性能

2.Math

Math

Math和其他的对象不同，它不是一个构造函数
它属于一个工具类不用创建对象，它里边封装了数学运算相关的属性和方法
比如:Math.PI 表示圆周率

方法

abs()可以用来计算一个数的绝对值
ceil()可以对一个数进行向上取整
floor()可以对一个数进行向下取整
round()可以对一个数进行四舍五入取整
random()可以用来生成一个0-1之间的随机数
	生成一个0-10的随机数
	Math.round(Math.random()*10);
	生成一个0-x之间的随机数
	Math.round(Math.random()*x);
	生成一个1-10之间的随机数
	Math.round(Math.random()*9+1);
	生成一个x-y之间的随机数
	Math.round(Math.random()*(y-x)+x);
max()可以获取多个数中的最大值
min()可以获取多个数中的最小值
pow(x,y)返回x的y次幂
sqrt()用于对一个数进行开方运算

3.包装类

在JS中为我们提供了三个包装类，通过三个包装类可以将基本数据类型的数据转换为对象

String()可以将基本数据类型字符串转换为String对象
Number()可以将基本数据类型的数字转换为Number对象
Boolean()可以将基本数据类型的布尔值转换为Boolean对象

但是注意：我们在实际应用中不会使用基本数据类型的对象
如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果

方法和属性只能添加给对象，不能添加给基本数据类型
当我们对一些基本数据类型的值去调用属性和方法时
浏览器会临时使用包装类将其转换为对象，然后再调用对象的属性的方法
调用完以后，再将其转换为基本数据类型

4.字符串的相关方法

在底层字符串是以字符数组的形式保存的

length属性可以用来获取字符串的长度
charAt()可以返回字符串中指定位置的字符，根据索引获取指定的字符
charCodeAt()获取指定位置字符的字符编码(Unicode编码)
fromCharCode()可以根据字符编码去获取字符
concat()可以用来连接两个或多个字符串，作用和+一样
indexOf()该方法可以检索一个字符串中是否含有指定内容
	如果字符串中含有该内容，则会返回其第一次出现的索引
	如果没有找到指定的内容，则返回-1
	可以指定一个第二个参数，指定开始查找的位置
lastindexOf()该方法的用法和indexOf()一样，不同的是从后往前找，也可以指定开始查找的位置
slice()可以从字符串中截取指定的内容，不会影响原字符串，而是将截取到的内容返回
	参数:
		1.开始位置的索引(包括开始位置)
		2.结束位置的索引(不包括结束位置)，如果省略第二个参数，则会截取到后边所有的内容
			也可以传递一个负数作为参数，负数的话将会从后边计算
substring()可以用来截取一个字符串，和slice()类似
	参数：
		1.开始位置的索引(包括开始位置)
		2.结束位置的索引(不包括结束位置)
		不同的是这个方法不能接收负值为参数，如果传递了一个负值，则默认使用0
		而且它还会自动调整参数的位置，如果第二个参数小于第一个，则自动交换
substr()用来截取字符串
	参数：
		1.截取开始位置的索引
		2.截取的长度
split()可以将一个字符串拆分为一个数组
	参数：需要一个字符串作为参数，将会根据该字符串去拆分数组
toUpperCase()可以将一个字符串转为大写并返回
toLowerCase()可以将一个字符串转为小写并返回

5.正则表达式

正则表达式用于定义一些字符串的规则

计算机可以根据正则表达式，来检查一个字符串是否符合规则
或者将字符串中符合规则的内容提取出来

创建正则表达式对象

语法：
	var 变量 = new RegExp("正则表达式"，"匹配模式")
	使用typeof检查正则对象，会返回object
	var reg = new RegExp(a);这个正则表达式可以用来检查一个字符串是否含有a
在构造函数中可以传递一个匹配模式作为第二个参数
	可选值：
		i 忽略大小写
		g 全局匹配模式
		var reg = new RegExp("a","i");

正则表达式的方法：

test()
使用这个方法可以用来检查一个字符串是否符合正则表达式的规则
如果符合则返回true，否则返回false

使用字面量来创建正则表达式

语法：var 变量 = /正则表达式/匹配模式
	使用字面量的方式创建更加简单
	使用构造函数创建更加灵活

创建一个正则表达式，检查一个字符串中是否有a或b
使用 | 表示或的意思
var reg = /a|b/;
[]里的内容也是或的关系
[ab] == a|b
[a-z] 任意小写字母
[A-Z] 任意大写字母
[A-z] 任意字母
a[bde]c == abc|adc|aec
[^ ]除了
[0-9]任意数字

字符串的正则表达式

split()
	可以将一个字符串拆分为一个数组
	方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
	这个方法即使不指定全局匹配，也会全部拆分
	根据任意字母来将字符串拆分 split(/[A-z]/)
search()
	可以搜索字符串中是否含有指定内容
	如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到则返回-1
	它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
	search()即使设置全局匹配也只会查找第一个
match()
	可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
	默认情况下match只会找到第一个符合要求的内容，找到以后就停止搜索
	我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
	可以为一个正则表达式设置多个匹配模式，且顺序任意
	match()会将匹配到的内容封装到一个数组中返回
replace()
	可以将字符串中的指定内容替换为新的内容
	参数:
		1.被替换的内容，可以接受一个正则表达式作为参数
		2.新的内容
	默认只会替换第一个

量词

通过量词可以设置一个内容出现的次数
量词只对它前边的一个内容起作用
{n} 正好出现n次
{m,n} 出现m-n次
{m,} m次以上
+ 至少一个 相当于{1,}
* 0个或多个 相当于{0,}
? 0个或1个 相当于{0,1}
^ 表示开头 ^a
$ 表示结尾 a$
如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式

正则中的转义字符

检查一个字符串中是否含有.
. 表示任意字符
在正则表达式中使用\作为转义字符

注意：使用构造函数时，由于它的参数是一个字符串，而\是字符串中的转义字符
	如果要使用\则需要使用\\来代替

\w 任意字母、数字、_
\W 除了字母、数字、_
\d 任意数字
\D 除了数字
\s 空格
\S 除了空格
\b 单词边界  \b单词\b
\B 除了单词边界

//去掉字符串中前后的空格
str = str.replace(/^\s*|\s*$/g,"");

邮件的正则

var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;

后续会持续更新