常用工具类

小张同学（恩师白云）

于 2024-07-28 20:05:47 发布

阅读量625

点赞数 25

分类专栏：前端文章标签： javascript 开发语言

本文链接：https://blog.csdn.net/weixin_68489989/article/details/140755517

版权

前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

常用工具类

date类

日期设置方法

方法	描述
setDate()	以数值（1-31）设置日
setFullYear()	设置年（可选月和日）
setHours()	设置小时（0-23）
setMilliseconds()	设置毫秒（0-999）
setMinutes()	设置分（0-59）
setMonth()	设置月（0-11）
setSeconds()	设置秒（0-59）
setTime()	设置时间（从 1970 年 1 月 1 日至今的毫秒数）

日期获取方法

方法	描述
getDate()	以数值返回天（1-31）
getDay()	以数值获取周名（0-6）
getFullYear()	获取四位的年（yyyy）
getHours()	获取小时（0-23）
getMilliseconds()	获取毫秒（0-999）
getMinutes()	获取分（0-59）
getMonth()	获取月（0-11）
getSeconds()	获取秒（0-59）
getTime()	获取时间（从 1970 年 1 月 1 日至今）

定时器

设置定时器

setInterval(方法，毫秒)

取消定时器

clearTimeout(定时器名称)

案例

<html>
    <head>
        <script>
            var time;
            (function setSpan(){
                console.log(222);
                time = setInterval(getDate,1000);
            })();

            function getDate(){
                var s = document.getElementById("s");
                var date = new Date();
                var year = date.getFullYear();
                var month = date.getMonth()+1;
                var day = date.getDate();
                var house = date.getHours();
                var min = date.getMinutes();
                var sec = date.getSeconds();
                month = month<10?"0"+month:month;
                day = day<10?"0"+day:day;
                house = house<10?"0"+house:house;
                min = min<10?"0"+min:min;
                sec = sec<10?"0"+sec:sec;
                var d = year+"-"+month+"-"+day+" "+house+":"+min+":"+sec;
                s.innerHTML = d;
            }

            //清空定时器
            function clears(){
                clearTimeout(time);
            }
        </script>
    </head>
    <body>
        <span id="s"></span>
        <button onclick="clears()">清除定时器</button>
    </body>
</html>

常用对象

String对象

方法	描述
charAt()	返回指定位置处的字符。
charCodeAt()	返回指定位置处字符编码。
codePointAt()	返回字符串中索引（位置）处的 Unicode 值。
concat()	返回两个或多个连接的字符串。
constructor	返回字符串的构造函数。
endsWith()	返回字符串是否以指定值结尾。
fromCharCode()	将 Unicode 值作为字符返回。
includes()	返回字符串是否包含指定值。
indexOf()	返回值在字符串中第一次出现的位置。
lastIndexOf()	返回值在字符串中最后一次出现的位置。
length	返回字符串中的字符数。
localeCompare()	使用基于本地的顺序来比较字符串。
match()	在字符串中搜索值或正则表达式，并返回匹配项。
prototype	允许您向对象添加属性和方法。
repeat()	返回拥有多个字符串副本的新字符串。
replace()	在字符串中搜索值或正则表达式，并返回替换值的字符串。
search()	检索字符串中与正则表达式匹配的子串。
slice()	提取字符串的一部分并返回新字符串。
split()	将字符串拆分为子字符串数组。
startsWith()	检查字符串是否以指定字符开头。
substr()	从字符串中抽取子串，该方法是 substring() 的变种。
substring()	从字符串中抽取子串。
toLocaleLowerCase()	使用主机的语言环境返回转换为小写字母的字符串。
toLocaleUpperCase()	使用主机的语言环境返回转换为大写字母的字符串。
toLowerCase()	返回转换为小写字母的字符串。
toString()	将字符串或字符串对象作为字符串返回。
toUpperCase()	返回转换为大写字母的字符串。
trim()	返回删除了空格的字符串。
trimEnd()	返回从末尾删除空格的字符串。
trimStart()	返回从开头删除空格的字符串。
valueOf()	返回字符串或字符串对象的原始值。

Array对象

方法	描述
concat()	连接两个或更多的数组，并返回结果。
copyWithin()	从数组的指定位置拷贝元素到数组的另一个指定位置中。
entries()	返回数组的可迭代对象。
every()	检测数值元素的每个元素是否都符合条件。
fill()	使用一个固定值来填充数组。
filter()	检测数值元素，并返回符合条件所有元素的数组。
find()	返回符合传入测试（函数）条件的数组元素。
findIndex()	返回符合传入测试（函数）条件的数组元素索引。
forEach()	数组每个元素都执行一次回调函数。
from()	通过给定的对象中创建一个数组。
includes()	判断一个数组是否包含一个指定的值。
indexOf()	搜索数组中的元素，并返回它所在的位置。
isArray()	判断对象是否为数组。
join()	把数组的所有元素放入一个字符串。
keys()	返回数组的可迭代对象，包含原始数组的键(key)。
lastIndexOf()	搜索数组中的元素，并返回它最后出现的位置。
map()	通过指定函数处理数组的每个元素，并返回处理后的数组。
pop()	删除数组的最后一个元素并返回删除的元素。
push()	向数组的末尾添加一个或更多元素，并返回新的长度。
reduce()	将数组元素计算为一个值（从左到右）。
reduceRight()	将数组元素计算为一个值（从右到左）。
reverse()	反转数组的元素顺序。
shift()	删除并返回数组的第一个元素。
slice()	选取数组的一部分，并返回一个新数组。
some()	检测数组元素中是否有元素符合指定条件。
sort()	对数组的元素进行排序。
splice()	从数组中添加或删除元素。
toString()	把数组转换为字符串，并返回结果。
unshift()	向数组的开头添加一个或更多元素，并返回新的长度。
valueOf()	返回数组对象的原始值。
Array.of()	将一组值转换为数组。
Array.at()	用于接收一个整数值并返回该索引对应的元素，允许正数和负数。负整数从数组中的最后一个元素开始倒数。
Array.flat()	创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成。
Array.flatMap()	使用映射函数映射每个元素，然后将结果压缩成一个新数组。

Math对象

Math 对象属性

属性	描述
E	返回算术常量 e，即自然对数的底数（约等于2.718）。
LN2	返回 2 的自然对数（约等于0.693）。
LN10	返回 10 的自然对数（约等于2.302）。
LOG2E	返回以 2 为底的 e 的对数（约等于 1.4426950408889634）。
LOG10E	返回以 10 为底的 e 的对数（约等于0.434）。
PI	返回圆周率（约等于3.14159）。
SQRT1_2	返回 2 的平方根的倒数（约等于 0.707）。
SQRT2	返回 2 的平方根（约等于 1.414）。

Math 对象方法

方法	描述
abs(x)	返回 x 的绝对值。
acos(x)	返回 x 的反余弦值。
asin(x)	返回 x 的反正弦值。
atan(x)	以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。
atan2(y,x)	返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。
ceil(x)	对数进行上舍入。
cos(x)	返回数的余弦。
exp(x)	返回 E x 的指数。
floor(x)	对 x 进行下舍入。
log(x)	返回数的自然对数（底为e）。
max(x,y,z,...,n)	返回 x,y,z,...,n 中的最高值。
min(x,y,z,...,n)	返回 x,y,z,...,n中的最低值。
pow(x,y)	返回 x 的 y 次幂。
random()	返回 0 ~ 1 之间的随机数。
round(x)	四舍五入。
sin(x)	返回数的正弦。
sqrt(x)	返回数的平方根。
tan(x)	返回角的正切。
tanh(x)	返回一个数的双曲正切函数值。
trunc(x)	将数字的小数部分去掉，只保留整数部分。

Number对象

Number 对象属性

属性	描述
constructor	返回对创建此对象的 Number 函数的引用。
MAX_VALUE	可表示的最大的数。
MIN_VALUE	可表示的最小的数。
NEGATIVE_INFINITY	负无穷大，溢出时返回该值。
NaN	非数字值。
POSITIVE_INFINITY	正无穷大，溢出时返回该值。
prototype	允许您可以向对象添加属性和方法。

Number 对象方法

方法	描述
isFinite	检测指定参数是否为无穷大。
isInteger	检测指定参数是否为整数。
isNaN	检测指定参数是否为 NaN。
isSafeInteger	检测指定参数是否为安全整数。
toExponential(x)	把对象的值转换为指数计数法。
toFixed(x)	把数字转换为字符串，结果的小数点后有指定位数的数字。
toLocaleString(locales, options)	返回数字在特定语言环境下的表示字符串。
toPrecision(x)	把数字格式化为指定的长度。
toString()	把数字转换为字符串，使用指定的基数。
valueOf()	返回一个 Number 对象的基本数字值。