数组方法
| 方法 | 作用 | 返回值 | 是否改变原数组 |
|---|---|---|---|
| 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 | 换行符 | |
| \d | 0~9之间的一个数字 | |
| \D | 非0~9之间的一个数字(大写和小写的意思是相反的) | |
| \w | 数字、字母、下划线中的任意一个字符 | |
| \s | 一个空白字符(包含空格、制表符、换页符) | |
| \t | 一个制表符(一个tab键:四个空格) | |
| \b | 匹配一个单词的编辑 | |
| x | y | x或者y中的一个字符 |
| [xyz] | x或者y或者z中的一个字符 | |
| [^xy] | 除了x/y以外的任意字符 | |
| [a-z] | 指定a-z这个范围中的任意字符 | |
| [^a-z] | 除了a-z这个范围以外的任意字符 | |
| () | 正则中的分组符号 | |
| (?:) | 只匹配不捕获 | |
| (?=) | 正向预查 | |
| (?!) | 负向预查 | |
| i | ignoreCase 忽略单词大小写匹配 | |
| m | multiline 可以进行多行匹配 | |
| g | global 全局匹配 |