常用js代码大全(JS代码大全)

=

日期处理

1. 检查日期是否有效

该方法用于检测给出的日期是否有效:

const isDateValid = (…val) => !Number.isNaN(new Date(…val).valueOf());

isDateValid(“December 17. 1995 03:24:00”); // true

复制代码

2. 计算两个日期之间的间隔

该方法用于计算两个日期之间的间隔时间:

const dayDif = (date1. date2) => Math.ceil(Math.abs(date1.getTime() – date2.getTime()) / 86400000)

dayDif(new Date(“2021-11-3”), new Date(“2024-2-1”)) // 90

复制代码

距离过年还有90天~

3. 查找日期位于一年中的第几天

该方法用于检测给出的日期位于今年的第几天:

const dayOfYear = (date) => Math.floor((date – new Date(date.getFullYear(), 0. 0)) / 1000 / 60 / 60 / 24);

dayOfYear(new Date()); // 307

复制代码

2021年已经过去300多天了~

4. 时间格式化

该方法可以用于将时间转化为hour:minutes:seconds的格式:

const timeFromDate = date => date.toTimeString().slice(0. 8);

timeFromDate(new Date(2021. 11. 2. 12. 30. 0)); // 12:30:00

timeFromDate(new Date()); // 返回当前时间 09:00:00

复制代码

二、字符串处理

1. 字符串首字母大写

该方法用于将英文字符串的首字母大写处理:

const capitalize = str => str.charAt(0).toUpperCase() + str.slice(1)

capitalize(“hello world”) // Hello world

复制代码

2. 翻转字符串

该方法用于将一个字符串进行翻转操作,返回翻转后的字符串:

const reverse = str => str.split(”).reverse().join(”);

reverse(‘hello world’); // ‘dlrow olleh’

复制代码

3. 随机字符串

该方法用于生成一个随机的字符串:

const randomString = () => Math.random().toString(36).slice(2);

randomString();

复制代码

4. 截断字符串

该方法可以从指定长度处截断字符串:

const truncateString = (string, length) => string.length < length ? string : `${string.slice(0. length – 3)}…`;

truncateString(‘Hi, I should be truncated because I am too loooong!’, 36) // ‘Hi, I should be truncated because…’

复制代码

5. 去除字符串中的HTML

该方法用于去除字符串中的HTML元素:

const stripHtml = html => (new DOMParser().parseFromString(html, ‘text/html’)).body.textContent || ”;

复制代码

三、数组处理

1. 从数组中移除重复项

该方法用于移除数组中的重复项:

const removeDuplicates = (arr) => […new Set(arr)];

console.log(removeDuplicates([1. 2. 2. 3. 3. 4. 4. 5. 5. 6]));

复制代码

2. 判断数组是否为空

该方法用于判断一个数组是否为空数组,它将返回一个布尔值:

const isNotEmpty = arr => Array.isArray(arr) && arr.length > 0;

isNotEmpty([1. 2. 3]); // true

复制代码

3. 合并两个数组

可以使用下面两个方法来合并两个数组:

const merge = (a, b) => a.concat(b);

const merge = (a, b) => […a, …b];

复制代码

四、数字操作

1. 判断一个数是奇数还是偶数

该方法用于判断一个数字是奇数还是偶数:

const isEven = num => num % 2 === 0;

isEven(996);

复制代码

2. 获得一组数的平均值

const average = (…args) => args.reduce((a, b) => a + b) / args.length;

average(1. 2. 3. 4. 5); // 3

复制代码

3. 获取两个整数之间的随机整数

该方法用于获取两个整数之间的随机整数

const random = (min, max) => Math.floor(Math.random() * (max – min + 1) + min);

random(1. 50);

复制代码

4. 指定位数四舍五入

该方法用于将一个数字按照指定位进行四舍五入:

const round = (n, d) => Number(Math.round(n + “e” + d) + “e-” + d)

round(1.005. 2) //1.01

round(1.555. 2) //1.56

复制代码

五、颜色操作

1. 将RGB转化为十六机制

该方法可以将一个RGB的颜色值转化为16进制值:

const rgbToHex = (r, g, b) => “#” + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);

rgbToHex(255. 255. 255); // ‘#ffffff’

复制代码

2. 获取随机十六进制颜色

该方法用于获取一个随机的十六进制颜色值:

const randomHex = () => `#${Math.floor(Math.random() * 0xffffff).toString(16).padEnd(6. “0”)}`;

randomHex();

复制代码

六、浏览器操作

1. 复制内容到剪切板

该方法使用

navigator.clipboard.writeText 来实现将文本复制到剪贴板:

const copyToClipboard = (text) => navigator.clipboard.writeText(text);

copyToClipboard(“Hello World”);

复制代码

2. 清除所有cookie

该方法可以通过使用 document.cookie 来访问 cookie 并清除存储在网页中的所有 cookie:

const clearCookies = document.cookie.split(‘;’).forEach(cookie => document.cookie = cookie.replace(/^ +/, ”).replace(/=.*/, `=;expires=${new Date(0).toUTCString()};path=/`));

复制代码

3. 获取选中的文本

该方法通过内置的 getSelection 属性获取用户选择的文本:

const getSelectedText = () => window.getSelection().toString();

getSelectedText();

复制代码

4. 检测是否是黑暗模式

该方法用于检测当前的环境是否是黑暗模式,它是一个布尔值:

const isDarkMode = window.matchMedia && window.matchMedia(‘(prefers-color-scheme: dark)’).matches

console.log(isDarkMode)

复制代码

5. 滚动到页面顶部

该方法用于在页面中返回顶部:

const goToTop = () => window.scrollTo(0. 0);

goToTop();

复制代码

6. 判断当前标签页是否激活

该方法用于检测当前标签页是否已经激活:

const isTabInView = () => !document.hidden;

复制代码

7. 判断当前是否是苹果设备

该方法用于检测当前的设备是否是苹果的设备:

const isAppleDevice = () => /Mac|iPod|iPhone|iPad/.test(navigator.platform);

isAppleDevice();

复制代码

8. 是否滚动到页面底部

该方法用于判断页面是否已经底部:

const scrolledToBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;

复制代码

9. 重定向到一个URL

该方法用于重定向到一个新的URL:

const redirect = url => location.href = url

redirect(“https://www.google.com/”)

复制代码

10. 打开浏览器打印框

该方法用于打开浏览器的打印框:

const showPrintDialog = () => window.print()

复制代码

七、其他操作

1. 随机布尔值

该方法可以返回一个随机的布尔值,使用Math.random()可以获得0-1的随机数,与0.5进行比较,就有一半的概率获得真值或者假值。

const randomBoolean = () => Math.random() >= 0.5;

randomBoolean();

复制代码

2. 变量交换

可以使用以下形式在不适用第三个变量的情况下,交换两个变量的值:

[foo, bar] = [bar, foo];

复制代码

3. 获取变量的类型

该方法用于获取一个变量的类型:

const trueTypeOf = (obj) => Object.prototype.toString.call(obj).slice(8. -1).toLowerCase();

trueTypeOf(”); // string

trueTypeOf(0); // number

trueTypeOf(); // undefined

trueTypeOf(null); // null

trueTypeOf({}); // object

trueTypeOf([]); // array

trueTypeOf(0); // number

trueTypeOf(() => {}); // function

复制代码

4. 华氏度和摄氏度之间的转化

该方法用于摄氏度和华氏度之间的转化:

const celsiusToFahrenheit = (celsius) => celsius * 9/5 + 32;

const fahrenheitToCelsius = (fahrenheit) => (fahrenheit – 32) * 5/9;

celsiusToFahrenheit(15); // 59

celsiusToFahrenheit(0); // 32

celsiusToFahrenheit(-20); // -4

fahrenheitToCelsius(59); // 15

fahrenheitToCelsius(32); // 0

复制代码

5. 检测对象是否为空

该方法用于检测一个JavaScript对象是否为空:

const isEmpty = obj => Reflect.ownKeys(obj).length === 0 && obj.constructor ===

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。商机网仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 tenspace2022@163.com 举报,一经查实,本站将立刻删除。 本文链接:https://www.315965.com/n/20446.html 聚才发 母婴好物

(0)
上一篇 2023年8月2日 上午5:42
下一篇 2023年8月2日 上午5:52

相关推荐

  • dr钻戒真的只能买一次吗可以消除记录吗(绑定了分手了可以解除吗会不会有记录)

    近日,网络上有人爆料,买DR钻戒的记录,可以花费800元消除,一时间便引起了轩然大波。 要知道DR钻戒与同等钻石戒指相比,价格要高出许多,但是大多数人买DR,都是冲着“凭身份证一生只能买一次”这个噱头,才走进DR的,没想到这只是DR的营销手段。 ‬多次爆出造假丑闻 发生这样的事件已经不是第一次了,去年就曾经爆出,DR的诸多求婚案例都是自己编造的,目的是为了引…

    2023年12月5日
    275
  • 金兀术对待赵圆珠细节

    说到这个金兀术和赵圆珠的故事也还是非常多的,很多人也都在说这两个人了,其中说得最多的就是这个金兀术是怎么对待赵圆珠的,其中有没有相关的细节,而且这个赵圆珠最后是神秘消失了的,那么这又是为什么,这些问题也都非常值得大家一探究竟,下面就着这些问题继续来分析揭秘看看。 1、金兀术对待赵圆珠细节 金兀术对待赵圆珠的细节,史书无任何记载,只说这个金兀术是强占了赵圆珠的…

    2024年2月7日
    55
  • 一段深厚的信任与器重——雍正皇帝与张廷玉

    在中国的历史长河中,有许多感人至深的君臣故事。其中,雍正皇帝与张廷玉的故事尤为引人入胜。他们的关系不仅仅是皇帝与臣子的关系,更是一种深厚的信任与器重。本文将以雍正皇帝与张廷玉为核心,探讨他们之间的这段特殊关系。 雍正皇帝与张廷玉的相识 雍正皇帝即位之初,面临着朝堂之上的诸多困难。在这个关键时刻,他遇到了张廷玉。张廷玉是一位有着深厚学识和高尚品质的人,他的出现…

    2024年2月13日
    62
  • 干海参泡发的正确方法和时间(海参清洗的最佳方法和简单的家常吃法)

    被誉为“海八珍”之首的海参,你真的懂得泡发海参吗?海参泡发需要72个小时?三天三夜?未必吧!大多数人对于海参的误区是,泡发得越大越好、越软越好!这样泡发的海参不仅没有韧性、嚼劲,软趴趴地吃一个就腻了,更重要的是营养流失过多,得不偿失。所以今天这篇文章很涨知识 好多人泡发出来的海参回缩得非常厉害?所以今天我选用的是最难泡发的冰岛海参,学会这个一天之内急速泡发的…

    2023年12月6日
    195
  • 如何通过网络营销成就一番事业

    医院如何做好网络 医院如何做好网络营销呢?结合我十年营销经验,为大家分享一些适用于新开医院的网络营销方式和推广约当接渠道,希望能对你们有所启发。 1.明确受众目标 医院开展一个新的网络渠道前一定要先思考受众目标的年纪,性别,职业以及用户习惯等。比如我的受众目标是年轻人,那么营销内容来自就不能过于严肃,要结合年轻人关注的事实来引流到自己要宣传的内容上。如果我的…

    2024年1月22日
    145
  • Android 13 的决斗身份

    当 Android 13 今年夏天正式到来时,我们一定会看到一堆困惑的挠头。 这也不会是因为热引起的脑雾和/或头皮干燥——无论如何也不完全是。 相反,这种新的混乱将源于这样一个事实,即经过数月的积累和预期,谷歌最新最好的 Android 版本对于大多数拥有 Android 的有机体来说看起来并不像。 我知道这听起来很奇怪,但这是真的:对于任何携带已经运行去年…

    2024年1月8日
    159
  • 宋徽宗共有几个皇后?她们是什么身份?

    宋徽宗,是中国历史上著名的艺术家皇帝,他的才情横溢和独特的艺术审美使他在历史上留下了深刻的印记。然而,在他的生活中,除了艺术,还有另外一部分同样引人关注,那就是他的皇后们。那么,宋徽宗共有几个皇后?她们又是什么身份呢? 据历史记载,宋徽宗共有两位皇后。第一位皇后是王贵妃,她是宋徽宗的正妃,也是他的元配。王贵妃出身名门望族,她的父亲是当时的宰相王珪。然而,尽管…

    2024年2月29日
    1.1K
  • 一般写网文能挣多少(飞卢写书很容易赚钱吗)

    飞卢小说网 飞卢小说网在网络小说站点里面民吗算是一个小网站,但是飞卢的特朝哥取剂收吧旧标传电受点也非常明显就是写同人的,飞卢小说网的同人在网络小说里面应该算是最强的了,尤其是动漫同人小说。再说赚钱的事情,一般都是你写好书,上传,这个时候编辑会审核你的书,如果感觉你的书很不错就会联系你,签约,签了约以后在就是上架,上架的意思是读者在前面都是免费看的,上架的章节…

    2024年1月30日
    210
  • 韦皋是什么身份?他是名将吗?

    历史上有很多名将,他们用智慧和勇气为国家立下赫赫战功。而在这些名将中,有一个名字被埋没在历史的尘埃中,他就是韦皋。那么,韦皋究竟是名将吗?让我们一起来揭开这个谜团。 一、韦皋的生平 韦皋,字子美,唐代著名文学家、政治家,与杜甫、白居易并称为“诗圣”。他出生于一个书香门第,自幼聪颖过人,博览群书,尤其擅长诗词。然而,韦皋的一生并非只有文学成就,他还曾担任过军事…

    2024年2月15日
    65
  • 陈春花:营销的基本逻辑就是做好三件事-适合企业的网络营销方法

    营销策略有哪些? 营销策略有口碑营销、情感营销、恐吓营销、体验营销、植入营销、事件营销、饥饿营销、动态营销、会员营销、终端包装策略等。 营销策略是企业以顾客需要为出发点,根据经验获得顾客需求量以及买力的信息、商业界的期望值,有计划地组织各项经营活动。是针对一定的目标市场所采用的一系列可测量可控的旨在提高销售及厂商声誉为目的的活动,是多种营销方法例如产品、价格…

    2024年1月17日
    180