Array、String、Math、new Date、RegExp新手必看建议收藏

385 阅读6分钟

数组方法

方法作用返回值是否改变原数组
push向数组末尾追加某一项新数组的长度
pop删除数组的末尾向被删除的那一项
unshift向数组的开头追加项新数组的长度
shift删除第一项新数组
slice从索引n开始复制到索引m结束但不包括m新数组
splice从索引n开始删除m项,并用x代替删除项删除的那一项
reverse倒序倒序后的数组
sort排序排序后的数组
indexof/lastindexof检测当前值在数组中第一次或者最后一次出现位置的索引索引或-1
forEach遍历数组中的每一项
map遍历数组中的每一项,可以处理每一项
concat实现多个数组或值的拼接拼接后的新数组
join把数组转换为字符串,但是可以设置变为字符串后每一项的分隔符转换后的字符串
toString把数组转换为字符串数组中每一项用逗号分隔的字符串
includes检测数组中是否包含某一项布尔值
every测试一个数组内的所有元素是否都能通过某个指定函数的测试布尔值
find返回数组中满足提供的测试函数的第一个元素的值数组中第一个满足所提供测试函数的元素的值,否则返回 undefined
some方法测试数组中是不是至少有1个元素通过了被提供的函数测试布尔

字符串中的方法

方法作用
charAt获取指定索引对应的字符串
charCodeAt获取指定索引对应的ascii码值
indexof/lastindexof获取字符串中第一次出现或者最后一次出现的索引
includes用来检测某个字符串是否包含某个字符
slice(n,m)从索引n开始找到索引m但是不包含m
split('分隔符')按照指定的分隔符,把字符串转为数组
substr从索引n开始截取m项
substring从索引n开始找到索引m但是不包含m
toLowerCase把字符串转为小写
toUpperCase把字符串转为大写
replace(n,m)把n替换为m

Math常用方法

方法作用
Math.abs求绝对值
Math.ceil向上取整(无论是正数还是负数取最大值)
Math.floor向下取整
Math.random获取0~1之间的随机小数
Math.round四舍五入(负数得比5大一点才能进)
Math.min/Math.max获取最小值或最大值
Math.sqrt开平方
Math.PI圆周率
Math.pow(n,m)n的m次幂

常用的DOM操作方法

方法作用
document.getElementById通过元素的ID获取指定的元素对象使用的时候都是document.getElementById(' ')
getElementByTagName在指定的上下文中,根据标签名获取到一组元素集合(HTMLCollection)
getElementsByClassName在指定的上下文中,基于元素的样式类名(class=‘xxx’)获取到一组元素集合
getElementsByName他的上下文也只能是document,在整个文档中,基于元素的name属性值获取一组节点集合(也是一个类数组)
querySelector在指定的上下文中基于选择器(类似于css选择器)获取到指定的元素对象(获取的是一个元素,哪怕选择器匹配了多个,我们只获取第一个)
querySelectorAll在querySelector的基础上,我们获取到选择器匹配到的所有元素,结果是一个节点集合(NodeList)
document.head获取head元素对象
document.body获取body元素对象
document.documentElement获取html元素对象
document.createElement('标签名')创建一个元素标签
document.createTextNode('要增加的文本内容')创建一个文本节点
标签名.appendChild('节点')把一个节点放到一个元素的里面
容器.insertBefore(要插入到前面的元素,在后面的元素)把一个元素插入到另一个元素的前面
容器.removeChild(删除的元素)删除某个元素
get/set/removeAttribute获取/设置/删除某个自定义属性
xx.cloneNode( )克隆节点,参数不写,只克隆当前的xx,参数写true,把xx里面所有包含的都会克隆
parentNode获取当前节点唯一的父亲节点
childNodes获取当前元素的所有子节点
children获取当前元素所有的元素的子节点
previousSibling获取当前节点的上一个哥哥节点(获取的哥哥可能是元素也可能是文本等)
nextSibling获取当前节点的下一个弟弟节点
firstChild获取当前元素的第一个子节点(可能是元素或者文本等)
lastChild获取当前元素的最后一个子节点(lastElementChild:获取最后一个元素的子节点(不兼容IE6~8))

时间对象

方法作用
new Date( )获取当前时间(typeOf newDate( ); //=>"object")
new Date( ).getTime( )获取当前时间到1970年1月1日0时0分0秒的时间戳
new Date( ).getFullyear( )
new Date( ).getMonth( )月{0·11}
new Date( ).getDate( )日期
new Date( ).getDay( )星期{0~6}对应周日到周六
new Date( ).getHours( )
new Date( ).getMinutes( )
new Date( ).getSeconds( )
new Date( ).getMilliseconds( )毫秒
new Date( ).toLocaleString( )"2021/6/11 下午12:03:06"
new Date( ).toLocaleDateString( )"2021/6/11"
new Date( ).toLocaleTimeString( )"下午12:03:06"

正则

量词元字符:设置出现的次数

符号作用
*零到多次
+一到多次
零次或者一次
{n}出现n次
{n,}出现n到多次
{n,m}出现n到m次

特殊元字符:单个或者组合在一起代表特殊含义

符号作用
\转义字符
.除\n(换行符)以外的任意字符
以哪一个元字符作为开始
$以哪一个元字符作为结束
\n换行符
\d0~9之间的一个数字
\D非0~9之间的一个数字(大写和小写的意思是相反的)
\w数字、字母、下划线中的任意一个字符
\s一个空白字符(包含空格、制表符、换页符)
\t一个制表符(一个tab键:四个空格)
\b匹配一个单词的编辑
xyx或者y中的一个字符
[xyz]x或者y或者z中的一个字符
[^xy]除了x/y以外的任意字符
[a-z]指定a-z这个范围中的任意字符
[^a-z]除了a-z这个范围以外的任意字符
()正则中的分组符号
(?:)只匹配不捕获
(?=)正向预查
(?!)负向预查
iignoreCase 忽略单词大小写匹配
mmultiline 可以进行多行匹配
gglobal 全局匹配