JS方法集合

有什么地方不对或者缺少,请大佬们评论区留言,灰常感谢~~

字符串的方法

方法描述
indexOf返回字符串中检索指定字符第一次出现
lastIndexOf返回字符串中检索指定字符最后一次出现
subStr从起始位置截取指定数量
subString从起始位置截取到结束位置
slice提取字符串片段并在新的字符串返回被提取的部分
split将字符串分割成数组
replace替换与正则表达式匹配的字符串
search检索与正则表达式相匹配的值
concat连接多个字符串返回一个新的字符串
charAt返回指定索引的字符
charCodeAt返回指定索引位置字符的Unicode
toLocaleLowerCase根据主机的语言环境把字符串转为小写
toLocaleUpperCase根据主机语言环境把字符串转为大写
toString返回字符串对象值
trim一处字符串首尾空白

es6新增字符串方法

方法描述
includes返回布尔值,表示是否找到了参数字符串
startWith返回布尔值,表示参数字符串是否在原字符串的头部
endsWith返回布尔值,表示参数字符串是否在原字符串的尾部
repeat(n)将字符串重复n次,返回重复后的字符串
padStart(n,str)补全头部长度为n,用str循环补充
padEnd(n,str)补全尾部n下标之后,用str循环补充
trimStart去除头部空格
trimEnd去除尾部空格
matchAll但会一个正则表达式在当前字符串的所有匹配
replaceAll一次更换所有匹配,返回一个新的字符串

数字的方法

方法描述
Number.parseFloat将字符串换成浮点数,和全局方法parseFloat作用一致
Number.parseInt将字符串换成整数,和全局的方法parseInt作用一致
Number.isFinite判断参数是否为有限数字
Number.isInteger判断传递的参数是否为整数
Number.isNaN判断传递的参数是否为非数字
Number.ISsafeInteger判断传递的参数是否为安全整数

数学的方法

方法描述
abs(x)返回数的绝对值
acos(x)返回数的反余弦值
ceil(x)向上取整
floor(x)向下取整
log(x)返回数的自然对数
max(x,y)返回xy的最高值
min(x,y)返回x和y的最低值
pow(x,y)返回x的y次幂
random返回0~1的随机数
roud(x)四舍五入
PI圆周率

获取随机数

注:随机数是0-1之间的数,不包括1

  • 随机获取一个[n, m)之间的整数
    Math.floor ( Math.random () * (m-n+1) + n );
  • 随机颜色
    Math.random() * toString(16) . substr(2, 6);

es6数学增加的方法

方法描述
trunc(x)去除小数部分,返回整数部分
sign判断一个属到底是正数,复数,还是零
cbrt计算一个数的立方根
clz32将参数转为32位无符号整数,饭后返回这个32到位里面多少个0
imul返回两个数以32位带符号整数相乘形式相乘的结过,返回一个32为带符号整数
fround返回一个数的32位单精度浮点数形式
hypot返回所有参数的平方和的平方根

日期方法

方法描述
getFullYear获取年份
getTime返回至今的毫秒数
Date返回当日的日和时间
getDate获取本月某一天
getDay返回星期几0~6
getMonth返回月份0~11
getHours返回小时0~23
getMinutes返回分钟0~59
getSeconds返回秒数
getMilliseconds返回毫秒
getTimezoneOffset返回本地时间与格伦分钟差
setDate设置对象某一天
setMonth设置某一月份
setFullYear设置年份(四位数)
setTime以毫秒设置Date对象
toString把Date对象转为字符串
toTimeString把Date对象的时间部分转换为字符串
toDateString把Date都西昂的日期部分转为字符串
toLocaleString根据本地时间格式,转换为字符串
toLocaleTimeString根据本地时间格式,把Date对象的时间部分转为字符串
toLocaleDateString根据本地格式,把Date对象的日期部分转为字符串

数组的方法

方法描述
concat()链接两个过着更多的数组,并返回结果
join(x)将数组以x分隔符分割为字符串
pop()删除并且返回数组的最后一个元素
shift()删除并返回数组的第一个元素
push()数组末尾添加元素
unshift在数组开头添加一个或者更多元素,返回新的数组
reverse()点到数组中元素的顺序
slice()对某个已有的数组返回选定的元素
sort()对元素进行排序
splice()删除元素,并向数组添加新元素
toSource()返回该对象的源代码
toString()把数组转换为字符串,并返回结果
toLocaleSting()把数组转换为贝蒂数组,并返回结果
indexOf从前往后找,查找数据在数组中是否存在,返回下标
lastIndexOf()从后往前找
Array.from(类数组)类数组转数组
Array.isArray()判断是不是一个数组
  • splice
arr.splice(index,num); // 删除num个
// 添加和替换可以有多个val
arr.splice(index, 0, val); // 当前index,删除0个,添加val
arr.splice(index, num, val); // 当前index,删除num,替换成val

es6数组新增方法

方法描述
运算府
apply将数组转换为函数的参数
form将类数组转换为真正的数组
of用于将一组值转换为数组
copyWithin数组实例的方法,将指定位置成员复制到其他位置,会覆盖原有成员,然后返回当前数组
find找出第一个符合条件的数组成员
findIndex找出第一个符合条件的数组成员返回下标
entries返回下标和数据
keys返回下标
values返回数据
includes返回一个布尔值,表示某个数组是否包含给定的值
flat()降维,只降低一维
flatMap()对每个原数组成员执行一个函数
forEach数组遍历
filter过滤数组
every一假为假,全真为真
reduce求和等
some全假为假,一真为真
map遍历返回新数组
fill(val, start, end)往数组填充指定内容,返回填充后的数组
…new Set()去重
  • … 的用法
// 获取数组的最大值
let arr = [1,2,3,4,5]
Math.max(...arr);
// 在函数参数中,实参聚拢
fn(1,2,3,4,5,6)
function fn(...arr){
	console.log(arr)
}
fn(1,2,3,4,5,6)
function fn(a,b,...arr){
	console.log(arr)
}

正则的方法

RegExp 对象方法

方法描述
compile编译正则表达式
exec检索字符串中指定的值,返回找到的值,并确认其位置
test检索字符串中指定的值。返回true或false

支持正则表达式String的方法

方法描述
search检索与正则表达式相匹配的值
match找到一个或者多个正则表达式的匹配
replace替换与正则表达式匹配的字符串

事件对象

鼠标事件

方法描述
onclick鼠标点击某个对象
ondbclick鼠标双击
onmousedown某个鼠标按键被按下
onmousemove鼠标被移动
onmouseout鼠标从某元素离开
onmouseover鼠标被移动到某元素之上
onmouseup鼠标案件被松开
onmouseenter鼠标滑过
onmouseleave鼠标离开
onsubmit提交按钮被点击
onreset重置按钮被点击

键盘事件

方法描述
onkeydown某个键盘的键被按下
onkeypress某个键盘的键被按下或按住
onkeyup某个键盘的键被松开
e.keyCode键码

输入框事件

方法描述
onInput输入事件
onchange用户改变域的内容
onblur元素失去焦点
onfocus元素获得焦点
onselect文本被选定

UI事件

方法描述
onabort图像加载被中断
onerror加载文档或图像发生某个错误
onload某个页面或图像被完成加载
onresize窗口或框架被调整尺寸
onunload用户退出页面
onScroll页面滚动事件

对象的所有方法

方法描述
.assign()将所有可枚举的自身属性的值从一个或多个源对象复制到目标对象
.create()用于指定的原型对象和属性创建一个新对象
.defineProperty()将给定描述符描述的命名属性添加到对象
.defineProperties()将给定描述符描述的命名属性添加到对象
.entries()返回一个包含[key,value]给定对象自己的可枚举字符串属性的所有对的数组
.freeze()冻结对象,其他代码无法删除或更改其属性
.formEntries()从可迭代的[key,value]返回一个新的对象
.getOwnPropertyDescriptor()返回对象的命名属性描述符
getOwnPropertyNames()返回一个数组,其中包含给定对象自己的所有可枚举和不可枚举属性的名称
getOwnPropertySymbols()返回直接在给定对象上找到所有符号属性的数组
.is()比较两个值是否相同
.isExtensible()确定是否允许扩展对象
.isFrozen()确定对象是否被冻结
.isSealed()确定对象是否密封
.keys()返回一个数组,包含给定对象所有可枚举字符串类型的名称
.preventExtensions()防止其他代码删除对象的属性
.seal()防止其他代码删除对象的属性
.setPrototypeOf()设置对象的原型
.values返回一个数组,该数组包含给定对象自己所有可枚举字符串对应的值
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值