js标准库
chencs2021/03/05jsjs基础
包装类
如果尝试着把原始类型（number、string、boolean）当做对象使用，JS会自动将其转换为对应包装类的实例
Number
| API | 含义 | 备注 |
|---|---|---|
| Number.NaN | 表示一个数学上并不存在的数字 | 可以直接书写为NaN |
| Number.isNaN() | 判断传入的值是否是NaN | 可以直接书写为isNaN |
| Number.isInteger() | 判断传入的值是否是整数 | |
| Number.parseInt() | 把传入的值转换为整数形式返回 | 可以直接书写为parseInt() |
| Number.parseFloat() | 把传入的值转换为小数形式返回 | 可以直接书写为parseFloat() |
| Number.prototype.toFixed() | 将当前数字保留指定位数的小数返回 | 传入小数位数 |
| Number.prototype.toString() | 将当前数字转换为字符串返回 | 传入进制2-36 |
String
| API | 含义 | 备注 |
|---|---|---|
| String.fromCharCode() | 根据编码值得到一个字符 | 传入一个或多个编码值 |
| String.prototype.length | 得到字符串的长度 | |
| String.prototype.charCodeAt() | 得到某个下标的字符编码 | 传入下标 |
| String.prototype.includes() | 判断当前字符串是否包含某个子串 | 传入子串 |
| String.prototype.indexOf() | 判断某个字符串在当前字符串中的第一个下标位置 | 如果没有，返回-1 |
| String.prototype.lastIndexOf() | 判断某个字符串在当前字符串中的最后一个下标位置 | 如果没有，返回-1 |
| String.prototype.endsWith() | 判断某个字符串是否以指定的字符串结束 | 传入一个字符串 |
| String.prototype.startsWith() | 判断某个字符串是否以指定的字符串开始 | 传入一个字符串 |
| String.prototype.padStart() | 将当前的字符串按照指定的字符在字符串开始位置填充到指定的位数，返回填充后的字符串 | 传入位数、填充字符 |
| String.prototype.padEnd() | 将当前的字符串按照指定的字符在字符串结束位置填充到指定的位数，返回填充后的字符串 | 传入位数、填充字符 |
| String.prototype.split() | 把当前字符串按照某个字符串分割成一个字符串数组返回 | 传入分隔符 |
| String.prototype.substring() | 返回一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集 | 传入开始字符、结束字符 |
| String.prototype.trim() | 从字符串的两端删除空白字符，返回新字符串 | 无参数 |
| String.prototype.trimStart() | 从字符串的开头删除空白字符，返回新字符串 | 无参数 |
| String.prototype.trimEnd() | 从字符串的末端删除空白字符，返回新字符串 | 无参数 |
| String.prototype.toUpperCase() | 将调用该方法的字符串转为大写形式并返回 | 无参数 |
| String.prototype.toLowerCase() | 将调用该方法的字符串转为小写形式并返回 | 无参数 |
| String.prototype.replace() | 替换字符串中的第一个对应字符为新字符 | |
| String.prototype.replaceAll() | 替换字符串中的所有对应字符为新字符 |
数学
| API | 含义 | 备注 |
|---|---|---|
| Math.PI | 得到圆周率π | |
| Math.abs() | 求某个数绝对值 | 传入一个数 |
| Math.ceil() | 向上取整 | 传入一个数 |
| Math.floor() | 向下取整 | 传入一个数 |
| Math.max() | 求一个数列中的最大值 | 把数列依次传入 |
| Math.min() | 求一个数列中的最小值 | 把数列依次传入 |
| Math.random() | 得到一个0-1之间的随机小数 | 无参；无法取到1 |
| Math.round() | 返回四舍五入的结果 | 传入一个数 |
日期
单位
| 单位 | 名称 | 换算 |
|---|---|---|
| hour | 小时 | 1 day = 24 hours |
| minute | 分钟 | 1 hour = 60 minutes |
| second | 秒 | 1 minute = 60 seconds |
| millisecond （ms） | 毫秒 | 1 second = 1000 ms |
| nanosecond （ns） | 纳秒 | 1 ms = 1000 ns |
GMT和UTC
世界划分为24个时区，北京在东8区，格林威治在0时区。
GMT：Greenwish Mean Time 格林威治世界时。太阳时，精确到毫秒。
UTC：Universal Time Coodinated 世界协调时。以原子时间为计时标准，精确到纳秒。
国际标准中，已全面使用UTC时间，而不再使用GMT时间
GMT和UTC时间在文本表示格式上是一致的，均为星期缩写, 日期 月份 年份 时间 GMT，例如：
Thu, 27 Aug 2020 08:01:44 GMT
另外，ISO 8601标准规定，建议使用以下方式表示时间：
YYYY-MM-DDTHH:mm:ss.msZ
例如：
2020-08-27T08:01:44.000Z
GMT、UTC、ISO 8601都表示的是零时区的时间
Unix 时间戳
Unix 时间戳（Unix Timestamp）是Unix系统最早提出的概念
它将UTC时间1970年1月1日凌晨作为起始时间，到指定时间经过的秒数（毫秒数）
程序中的时间处理
程序对时间的计算、存储务必使用UTC时间，或者时间戳
在和用户交互时，将UTC时间或时间戳转换为更加友好的文本
思考下面的问题：
- 用户的生日是本地时间还是UTC时间？
- 如果要比较两个日期的大小，是比较本地时间还是比较UTC时间？
- 如果要显示文章的发布日期，是显示本地时间还是显示UTC时间？
北京时间2020-8-28 10:00:00和格林威治2020-8-28 02:00:00，两个时间哪个大，哪个小？北京的时间戳为0和格林威治的时间戳为0，它们的时间一样吗？- 一个中国用户注册时填写的生日是
1970-1-1，它出生的UTC时间是多少？时间戳是多少？
API
构造函数：
new Date(); // 得到一个当前日期对象
new Date(value); // 根据时间戳得到一个日期对象
new Date(dateString); // 根据一个标准日期字符串得到一个日期对象
new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]); // 根据年、月、日、小时、分钟、秒、毫秒得到一个日期对象
| API | 含义 | 备注 |
|---|---|---|
| Date.now() | 得到当前时间戳 | 无参 |
| Date.prototype.getFullYear() | 得到年 | 无参；本地时间； |
| Date.prototype.getMonth() | 得到月 | 无参；本地时间；范围0-11 |
| Date.prototype.getDate() | 得到日 | 无参；本地时间； |
| Date.prototype.getHours() | 得到小时 | 无参；本地时间； |
| Date.prototype.getMinutes() | 得到分钟 | 无参；本地时间； |
| Date.prototype.getSeconds() | 得到秒 | 无参；本地时间； |
| Date.prototype.getMilliseconds() | 得到毫秒 | 无参；本地时间； |
| Date.prototype.toLocaleString() | 得到日期本地的表示方式 |
对象
| API | 含义 | 备注 |
|---|---|---|
| Object.assign() | 将多个对象的属性混合到一起 | 后面覆盖前面 |
| Object.getPrototypeOf() | 获取一个对象的隐式原型 | |
| Object.setPrototypeOf() | 设置一个对象的隐式原型 | |
| Object.create() | 创建一个新对象，同时设置新对象的隐式原型 |
数组
| API | 含义 | 备注 |
|---|---|---|
| Array.prototype.concat() | 把多个数组拼接成一个 | |
| Array.prototype.includes() | 判断数组中是否包含某个值 | |
| Array.prototype.indexOf() | 得到数组中某个值的第一个下标 | 若不存在则返回-1 |
| Array.prototype.lastIndexOf() | 得到数组中某个值的最后一个下标 | 若不存在则返回-1 |
| Array.prototype.join() | 把数组中每一项使用某个字符连接起来，形成一个字符串返回 | |
| Array.prototype.push() | 向数组的末尾添加一项 | |
| Array.prototype.unshift() | 向数组的开头添加一项 | |
| Array.prototype.pop() | 删除数组最后一项 | 返回被删除的值 |
| Array.prototype.shift() | 删除数组第一项 | 返回被删除的值 |
| Array.prototype.splice() | 删除、修改、插入任何位置的值 | |
| Array.prototype.reverse() | 将数组中的元素顺序颠倒 | |
| Array.prototype.sort() | 对数组进行排序 | 传入比较函数：0-位置不变，<0-前者在前，>0-前者在后 |
| Array.prototype.slice() | 对数组进行切割 |
函数
| API | 含义 | 备注 |
|---|---|---|
| Function.prototype.apply() | 执行函数，绑定this | 参数列表以数组的形式传递 |
| Function.prototype.call() | 执行函数，绑定this | 参数列表依次传递 |
正则表达式
创建正则对象
// 构造函数
new RegExp('规则', '标识')
// 字面量书写
/规则/标识
正则常用方法
// reg是正则对象
reg.test('字符串'); // 验证字符串是否满足规则
// reg是正则对象，str是字符串
str.replace(reg, '替换目标'); // 将字符串中匹配正则的部分替换为目标
// 将字符串中匹配正则的部分传入到回调函数的参数中，将函数的返回结果进行替换
str.replace(reg, function(s){
return '替换目标'
})
标识
| 标识字符 | 含义 |
|---|---|
| i | 不区分大小写 |
| g | 全局匹配，如果没有此标识，只会匹配第一个 |
| m | 多行匹配 |
规则-MDN
字符匹配规则
| 规则书写 | 含义 |
|---|---|
直接书写一个普通字符 | 匹配书写的字符 |
[字符规则] | 匹配[]中出现的所有字符规则 |
[^字符串规则] | 匹配[]中没有出现的字符规则 |
. | 匹配任意字符 |
\d | 匹配数字，等价于 [0-9] |
\D | 匹配非数字 |
\s | 匹配空白字符，包括空格、回车、换行、制表 |
\S | 匹配所有非空白字符 |
\w | 匹配单词字符，等价于 [A-Za-z0-9_] |
\W | 匹配非单词字符，等价于 [^A-Za-z0-9_] |
^ | 匹配字符串开始，写到规则开始位置 |
$ | 匹配字符串结束，写到规则结束位置 |
\\ | 匹配\ |
连续的规则
多个规则可以连续书写，用以匹配多个字符，例如：
/\d[a-zA-Z]/ // 匹配以1个数字紧跟一个字母
若多个规则是一个或者的关系，使用|分割
/\d[a-zA-Z]|[a-zA-Z]\d/ // 匹配以1个数字紧跟一个字母，或者一个字母紧跟一个数字
规则的重复（量词）
一个或一段规则之后，可以紧跟一个量词，表示前面的规则出现的次数
/[a-zA-Z]\d{3}/ // 匹配1个字母，后面跟上连续的3个数字，{3}是量词，应用的规则是\d
/([a-zA-Z]\d){3}/ // {3}是量词，应用的规则是 [a-zA-Z]\d
| 量词 | 含义 |
|---|---|
{n} | 出现n次 |
{n, m} | 出现n-m次 |
{n,} | 至少出现n次 |
* | 出现0次或多次，等价于{0,} |
? | 出现0次或一次，等价于{0,1} |
+ | 出现1次或多次，等价于{1,} |