返回
常用JS函数汇总助力高效工作
前端
2023-10-19 13:51:08
前言
在日常的JavaScript开发中,我们经常会遇到一些重复性的任务,比如字符串操作、数组操作、对象操作、日期操作等。为了提高工作效率,我们可以使用一些常用的JavaScript函数来完成这些任务。这些函数可以帮助我们简化代码,减少错误,并提高代码的可读性。
字符串操作函数
字符串操作函数是JavaScript中最常用的函数之一。这些函数可以帮助我们对字符串进行各种操作,比如截取字符串、替换字符串、比较字符串等。
函数 | |
---|---|
charAt() |
返回字符串中指定位置的字符 |
charCodeAt() |
返回字符串中指定位置字符的Unicode编码 |
concat() |
将两个或多个字符串连接在一起 |
endsWith() |
检查字符串是否以指定的字符串结尾 |
fromCharCode() |
将Unicode编码转换为字符 |
indexOf() |
返回字符串中指定子字符串的第一个出现位置 |
lastIndexOf() |
返回字符串中指定子字符串的最后一个出现位置 |
length |
返回字符串的长度 |
replace() |
替换字符串中指定的部分 |
slice() |
从字符串中提取指定的部分 |
split() |
将字符串拆分为一个数组 |
startsWith() |
检查字符串是否以指定的字符串开头 |
substr() |
从字符串中提取指定的部分 |
substring() |
从字符串中提取指定的部分 |
toLowerCase() |
将字符串转换为小写 |
toUpperCase() |
将字符串转换为大写 |
trim() |
删除字符串两端的空格 |
数组操作函数
数组操作函数是JavaScript中另一类常用的函数。这些函数可以帮助我们对数组进行各种操作,比如添加元素、删除元素、排序数组等。
函数 | |
---|---|
concat() |
将两个或多个数组连接在一起 |
every() |
检查数组中的所有元素是否都满足指定的条件 |
filter() |
从数组中过滤出满足指定条件的元素 |
find() |
返回数组中第一个满足指定条件的元素 |
findIndex() |
返回数组中第一个满足指定条件的元素的索引 |
forEach() |
对数组中的每个元素执行指定的函数 |
indexOf() |
返回数组中指定元素的第一个出现位置 |
join() |
将数组中的元素连接成一个字符串 |
lastIndexOf() |
返回数组中指定元素的最后一个出现位置 |
length |
返回数组的长度 |
map() |
对数组中的每个元素执行指定的函数,并返回一个新数组 |
pop() |
从数组中删除最后一个元素 |
push() |
在数组的末尾添加一个元素 |
reduce() |
将数组中的元素累积为一个值 |
reverse() |
反转数组中的元素 |
shift() |
从数组中删除第一个元素 |
slice() |
从数组中提取指定的部分 |
sort() |
对数组中的元素进行排序 |
splice() |
从数组中删除指定的部分,并添加新的元素 |
unshift() |
在数组的开头添加一个元素 |
对象操作函数
对象操作函数是JavaScript中又一类常用的函数。这些函数可以帮助我们对对象进行各种操作,比如添加属性、删除属性、获取属性值等。
函数 | 描述 |
---|---|
assign() |
将一个或多个对象的属性复制到另一个对象 |
create() |
创建一个新的对象 |
defineProperty() |
在对象上定义一个新的属性 |
freeze() |
冻结对象,使其属性不可修改 |
getOwnPropertyDescriptor() |
返回对象中指定属性的描述符 |
getPrototypeOf() |
返回对象的原型对象 |
hasOwnProperty() |
检查对象是否包含指定的属性 |
isExtensible() |
检查对象是否可以扩展 |
keys() |
返回对象中所有属性的名称 |
Object.entries() |
返回对象中所有键值对的数组 |
Object.fromEntries() |
将键值对数组转换为对象 |
Object.values() |
返回对象中所有属性的值 |
preventExtensions() |
使对象无法扩展 |
seal() |
密封对象,使其属性只读 |
setPrototypeOf() |
设置对象的原型对象 |
日期操作函数
日期操作函数是JavaScript中最后一种常用的函数。这些函数可以帮助我们对日期进行各种操作,比如获取当前日期、格式化日期、比较日期等。
函数 | 描述 |
---|---|
Date() |
创建一个新的Date对象 |
getDate() |
获取日期中的日 |
getDay() |
获取日期中的星期 |
getFullYear() |
获取日期中的年 |
getHours() |
获取日期中的小时 |
getMinutes() |
获取日期中的分钟 |
getMonth() |
获取日期中的月 |
getSeconds() |
获取日期中的秒 |
getTime() |
获取日期的时间戳 |
setDate() |
设置日期中的日 |
setFullYear() |
设置日期中的年 |
setHours() |
设置日期中的小时 |
setMinutes() |
设置日期中的分钟 |
setMonth() |
设置日期中的月 |
setSeconds() |
设置日期中的秒 |
setTime() |
设置日期的时间戳 |
toDateString() |
将日期转换为字符串 |
toISOString() |
将日期转换为ISO字符串 |
toLocaleDateString() |
将日期转换为本地字符串 |
toLocaleTimeString() |
将日期转换为本地时间字符串 |
toString() |
将日期转换为字符串 |
valueOf() |
将日期转换为时间戳 |