js中常用方法整理

数据类型

typeOf()	Number（）	parseInt()	parseFloat()	- * / %
检测数据类型	转换为数字	转换为整数类型	转换为浮点类型	非加法的数字运算
toString()	+	Boolean()	String()
转换为字符串，不能转换undefined/null	字符串拼接	转换为布尔类型	转换为字符串、所有内容都能转换

类型转换

typeof()	isNaN()	Number.isNaN	Object.is()
检测数据类型	检测是否为非数组	检测是否为NaN	判断两个值是否相等

数组

push()	pop()	unshift()	shift()	reverse()
像数组后面追加数据	删除数组最后一个数据	像数组前面追加一个数据	删除数组第一个数据	对数据进行翻转
sort()	splice()	concat()	join()	slice()
对数组进行排列	截取数组的内容，并且可以在截取的位置放数据	向数组添加数据，或者拼接数组	使用连接符，将数组的数据连成字符串	截取数组，但是不改变原数组
indexOf()	lastIndexOf()	forEach	map	filter
从前往后检索第一次出现内容的索引，无返回-1	从后往前检索第一次出现内容的索引，无返回-1	对数组进行遍历，不返回数据	对数组进行加工，返回加工完的数组	对数据进行过滤，返回过滤完的数据
find	findIndex	every	some	reduce
在数据中内查找满足条件的第一项	在数组中内查找满足第一项的索引	判断数组中时候每一个都符合条件，符合返回true，反之	判断数组中有一个满足条件就返回true	对数组进行叠加

数字常用方法

random()	round()	ceil()	floor	abs	pow	sqrt	max
生出随机数	四舍五入	向上取整	向下取整	绝对值	幂运算	平方根	最大值
min	PI
最小值	圆周率

字符串常用方法

charAt()	charCodeAt()	toUpperCase()	toLowerCase()	substr()	substring()
返回该索引位置的字符	返回该索引位置的字符编码	转换为大写	转换为小写	分割字符串	分割字符串
slice()	split()	concat()	indexOf()	lastIndexOf()	includes()
分割字符串	按照分隔符分开转为数组	对字符串进行拼接	返回字符串第一个出现的下标	返回字符串最后一个出现第一个的下标	判断里面包含这个数据返回布尔值
startsWith()	endsWith()	trim()	trimStart/trimLeft	trimEnd/trimRight	replace
验证字符串是否以数据开头的	验证字符串是否以数据结尾	取出字符串左右两边的空格	去除左面的的空格	去除右面的的空格	替换

时间对象

getFullYear()	getMonth()	getDate()	getHours()	getMinutes	getSeconds	getMillseconds
获取年份	获取月份	获取日	获取小时	获取分钟	获取秒	获取毫秒
getDay	getTime()	setFullYear	setMounth	setDate	setHours	setMinutes
获取星期	获取时间戳	设置年份	设置月份	设置日	设置小时	设置分钟
setSeconds	setMilliseconds	setDay	setTime()
设置秒	设置毫秒	设置日期	设置时间戳

BOM

window.alert('')	window.prompt()	window.confim()	window.onload = function(){}
提示框	输入框	询问框	当页面加载完之后调用
window.resize=function{}	winodw.scroll = function(){}	window.location.href	window.location.reload()
当页面可视化窗口改变	当滚轮滑动的时候	获取网址或者跳转	对页面进行重新加载
window.open('')	winodw.close()	document.documentElment.scrollTop	document.body.scrollTop
打开一个新的页面	关闭此页面	浏览器卷出去的高度	浏览器卷出去的宽度
window.history.back()	window.history.forward()	window.history.go(参数)	window.scrollTo(x,y)
浏览器回退	浏览器前进	浏览器跳转	浏览器滚动到
window.scrollTo({top,left,behavior})
浏览器滚动到：behavior怎么滑动

storage存储和cookie

	localStorage存储	sessionStorage存储	cookie存储(过期时间必须调整8小时)
增	window.localStorage.setItem(key,value)	window.sessionStorage.setItem(key)	document.cookie = 'key=value;expire:'
删	window.localStorage.removeItem(key)	window.sessionStorage.remove(key)
清除	window.localStorage.clear()	window.sessionStorage.clear()
查	window.localStorage.getItem(key)	window.sessionStorage.getItem(key)	console.log(document.cookie)

       

DOM

document.documentElement	document.body	document.head	document.getElementById()
获取html	获取body	获取head	根据id来获取元素
document.getElementsByClassName()	document.getElements ByTagClassName	document.querySelector('')	document.querySelectorAll('')
根据类名返回一个伪数组	根据标签返回一个伪数组	根据选择器获取第一个元素	根据选择器获取所有的元素
ele.id = 'asd'	ele.setAttribute('aa','bb')	ele.removeAttribute('aa')	ele.getAttribute('aa')
原生属性直接使用属性名操作	设置自定义属性	删除自定义属性	查询自定义属性
ele.dataset.aaa = 'zzzz'	ele.dataset.aaa	delete ele.dataset.aaa	ele.className
设置H5自定义属性	获取H5自定义属性	删除H5自定义属性	获取元素的类名
ele.classList	ele.classList.add('类名')	ele.classList.remove('类名')	ele.classList.toggle('类名')
获取元素的所有类名返回数组	添加类名	删除类名	切换，如果原来有那么删除，没有的话就添加
ele.innerHTML	ele.innerText	ele.value	ele.offsetWidth
在元素上写，可以写超文本	在元素上写，不能识别超文本	用来操作表单，获取值	获取元素的宽度包括border
ele.offsetHeight	ele.clientWidth	ele.clientHeight	ele.offsetTop
获取元素的高度包括border	获取元素宽度不包括boder	获取元素宽度不包括boder	获取元素垂直父级距离
ele.offsetLeft	ele.offsetTop	ele.clientLeft	ele.clientTop
获取元素水平父级距离	获取boder	获取左boder的宽度	获取上boder的宽度

        

BOM节点

元素.chlidNodes	元素.children	元素.firstChild()	元素.lastChild()
获取元素的所有子一级节点	获取元素的所有子一级元素节点	获取元素的的第一个节点	获取元素的最后一个节点
元素.firstElementChild()	元素.lastElementChild()	元素.previousSibling()	元素.previousElementSibling
获取元素的第一个元素节点	获取元素的最后一个元素节点	获取元素上一个兄弟节点	获取元素上一个兄弟元素节点
元素.nextSibling()	元素.nextElementSibling()	元素.parentNode	元素.parentElement
获取元素下一个兄弟节点	获取元素下一个兄弟元素节点	获取元素的父节点	获取元素的父节点
元素.attributes	document.createElement('li')	document.createTextNode('文本内容')	元素.appendChild(节点)
获取该节点的所有属性	创建节点	创建文本节点	像元素插入节点
元素.insertBefore(节点,谁的前面)	元素.removeChild(子节点)	元素.remove()	元素.replaceChild(换上，换下)
像元素前面插入节点	删除父元素中的子节点	删除该元素	使用换上节点替换点换下节点
元素.cloneNode()	元素.nodeType()	元素.nodeName()	元素.nodeValue()
把元素克隆一个一模一样的	元素属性	获取节点的名称	获取节点中的内容

获取浏览器的可视窗口大小

BOM层次获取Width	window.innerWidth(包括滚动条)
BOM层次获取Height	window.innerHeight(包括滚动条)
DOM层次获取Width	document.documentElement.clientWidth
DOM层次获取Height	document.documentElement.clientHeight