javascript方法与函数汇总

js基础内容

1.方法

Math数学对象

方法	解释/示例
获取圆周率	Math.PI	3.1415926535897
求绝对值	Math.abs(num)
求M的N次方	Math.pow(m,n)
求最大值	Math.max(num1,num2,num3…)
求最小值	Math.min(num1,num2,num3…)
向上取整	Math.ceil(Float)
向下取整	Math.floor(Float)
取[0,1)之间的随机数	Math.random()
取[min,max]之间的随机数	Math.floor(Math.random()*(max+1-min))+min

Date对象

方法	解释/示例
new Date(）	获取当前时间信息
new Date(年,月,日,时,分,秒)	转换指定时间
Date.toLocaleDateString()	2021/5/26
Date.toLocaleTimeString()	下午4:57:34
Date.toLocaleString()	2021/5/26下午4:57:34
Date.getFullYear()	年
Date.getMonth()	月
Date.getDate()	日
Date.getDay()	星期几
Date.getHours()	时
Date.getMinues()	分
Date.getSeconds()	秒
Date.getTime()	时间戳
Date.getMilliseconds()	毫秒

String对象

方法	解释/示例
String.padStart(length,内容)	当字符串不满足length长度时，在前面添加内容，可以多字符
String.padEnd(length,内容)	当字符串不满足length长度时，在后面添加内容，可以多字符
String.indexOf(内容)	查找内容首次出现的位置，返回数字，找不到返回-1
String.lastIndexOf(内容)	查找内容最后一次出现的位置，返回数字，找不到返回-1
String.substr(start,length)	在字符中str中从strart开始读取length个字符
String.split(分割符)	在字符串中使用分割符进行分割，并以数组返回
String.replace(‘a’,‘b’)	用b替换a，返回一个新的字符串，可以用正则
String.match(‘a’,‘b’)	搜索匹配，然后返回匹配的字符串。可以用正则
String.search(‘a’,‘b’)	搜索匹配，然后返回匹配的位置。可以用正则
String.slice(start,end)	字符中str中从strart开始读取到end的位置结束
String.toLowerCase()	转为小写
String.toUpperCase()	转为大写
String.charAt(n)	字符串中第n个字符，等价于str[n]
String.trim()	删除前、 后所有空格符
String.repeat(n)	复制n次

Array对象

方法	解释/示例
arr1.concat(arr2)	合并数组，将arr2合并到arr1的尾部
arr.join(连接符)	拼接数组元素为字符串，连接符可以用‘’为空
arr.reverse()	翻转数组
arr.pop(str)	从尾部删除，返回删除的字符串
arr.push(str)	从尾部追加，返回数组长度
arr.shift(str)	从头部删除，返回删除的字符串
arr.unshift(str)	向头部添加，返回数组长度
arr.splice(start[,num[,e1,e2,e3…]])	在中间进行删除或删除与添加
arr.sort((a,b)=>{return a - b;})	排序，提供一个 回调函数，a-b升序，b-a降序

arr.sort(function(a,b){
   
    return a - b;
})

2. 函数及其他

1. isNaN(变量) 检测数字是不是非数字，也可以检测字符是否是纯数字字符

2. 用于转换以数字开头的字符串

parseInt(字符串)

parseFloat(字符串)

3. typeof 变量，检测变量类型，它不是函数
4. Array.isArray() 主要用于检测是否是数组。返回真或者假
5. instanceof 检测对象是由哪种构造函数实例化所得，也可以检测复制类型，
6. typeof 变量 === ‘object’ && !(Array.isArray(变量)）
7. valueOf

webAPI内容

1.方法

DOM

获取元素方法：

方法	解释/示例	元素个数
document.getElementById(‘id’)	根据id获取元素	1
document.getElementsByTagName(‘标签名’)	根据标签名获取元素列表	伪数组
document.getElementsByClassName(‘类名’)	根据类名获取元素列表	伪数组
document.querySelector(‘CSS选择器’)	★根据CSS选择器获取元素	1
document.querySelectorAll(‘CSS选择器’)	★根据CSS选择器获取元素	伪数组
document.body	找到body	1
document.head	找到head	1
document.documentElement	找到html	1

修改样式

方法	解释/示例
对象.style.样式名	修改元素节点的CSS样式
.className	修改标签类名
.classlist	★修改标签类名，伪数组
.classlist.add(类名)	添加一个类也可以添加多个，逗号隔开
.classlist.remove(类名)	删除一个类也可以删除多个，逗号隔开
.classlist.toggle(类名)	切换一个类，没有就添加，有就删除
.classlist.contains(类名)	判断是否有某个类
.classlist.replace(类名)	替换某个类
getComputedStyle(标签元素，伪元素).样式名	不是获取伪元素，就用null，有left和right可以替代offsetLeft和offsetRight

修改属性

方法	解释/示例
.getAttribute(属性名)	获取属性
.setAttribute(属性名,属性值)	设置属性
.removeAttribute(属性名)	删除属性
data-xxx=’xxx‘	html中显示
.dataset.xxx=xxx	设置属性，读取属性

表单元素的属性

方法
.value	获取输入的内容，文本框
.defaultValue	读取默认的值，文本框
.disabled	是否禁用，给一个true就是禁用，false就是启用
.checked	设置单选框、多选框选中，给true就是选中，给false就是不选中
.selected	设置下拉框默认选中

获取节点方法

方法	解释/示例
.parentNode	找父元素节点
.children	找子元素，伪数组
.nextElementSibling	找下一个兄弟元素
.previousElementSibling	找上一个兄弟元素
.firstElementChild	获取第一个子元素
.lastElementChild	获取最后一个子元素
.cloneNode()	克隆节点，空白或者false为浅克隆，只克隆标签，true为深克隆，