iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >JavaScript单行代码示例分析
  • 787
分享到

JavaScript单行代码示例分析

2023-06-15 02:06:30 787人浏览 薄情痞子
摘要

这篇文章主要介绍javascript单行代码示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!什么是单行代码?单行代码是一种代码实践,其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使用Math.r

这篇文章主要介绍javascript单行代码示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

什么是单行代码?

单行代码是一种代码实践,其中我们仅用一行代码执行某些功能。

01-随机获取布尔值

此函数将使用Math.random()方法返回布尔值(真或假)。
Math.random创建一个介于0和1之间的随机数,然后我们检查它是否大于或小于0.5。
这意味着有50/50的机会会得到对或错。

JavaScript单行代码示例分析

const getRandomBoolean = () => Math.random() >= 0.5;console.log(getRandomBoolean());// a 50/50 chance of returning true or false

02-检查日期是否为周末

通过此功能,你将能够检查提供的日期是工作日还是周末。

JavaScript单行代码示例分析

const isWeekend = (date) => [0, 6].indexOf(date.getDay()) !== -1;console.log(isWeekend(new Date(2021, 4, 14)));// false (Friday)console.log(isWeekend(new Date(2021, 4, 15)));// true (Saturday)

03-检查数字是偶数还是奇数

简单的实用程序功能,用于检查数字是偶数还是奇数。

JavaScript单行代码示例分析

const isEven = (num) => num % 2 === 0;console.log(isEven(5));// falseconsole.log(isEven(4));// true

04-获取数组中的唯一值(数组去重)

从数组中删除所有重复值的非常简单的方法。此函数将数组转换为Set,然后返回数组。

JavaScript单行代码示例分析

const uniqueArr = (arr) => [...new Set(arr)];console.log(uniqueArr([1, 2, 3, 1, 2, 3, 4, 5]));// [1, 2, 3, 4, 5]

05-检查变量是否为数组

一种检查变量是否为数组的干净简便的方法。

当然,也可以有其他方法

JavaScript单行代码示例分析

const isArray = (arr) => Array.isArray(arr);console.log(isArray([1, 2, 3]));// trueconsole.log(isArray({ name: 'Ovi' }));// falseconsole.log(isArray('Hello World'));// false

06-在两个数字之间生成一个随机数

这将以两个数字为参数,并将在这两个数字之间生成一个随机数!

const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);console.log(random(1, 50));// could be anything from 1 - 50

07-生成随机字符串(唯一ID?)

也许你需要临时的唯一ID,这是一个技巧,你可以使用它在旅途中生成随机字符串。

JavaScript单行代码示例分析

const randomString = () => Math.random().toString(36).slice(2);console.log(randomString());// could be anything!!!

08-滚动到页面顶部

所述window.scrollTo()方法把一个XY坐标滚动到。
如果将它们设置为零和零,我们将滚动到页面顶部。

JavaScript单行代码示例分析

const scrollToTop = () => window.scrollTo(0, 0);scrollToTop();

09-切换布尔

切换布尔值是非常基本的编程问题之一,可以通过许多不同的方法来解决。
代替使用if语句来确定将布尔值设置为哪个值,你可以使用函数使用!翻转当前值。运算符。

JavaScript单行代码示例分析

// bool is stored somewhere in the upperscopeconst toggleBool = () => (bool = !bool);//orconst toggleBool = b => !b;

10-交换两个变量

下面的代码是不使用第三个变量而仅使用一行代码即可交换两个变量的更简单方法之一。

JavaScript单行代码示例分析

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

11-计算两个日期之间的天数

要计算两个日期之间的天数,
我们首先找到两个日期之间的绝对值,然后将其除以86400000(等于一天中的毫秒数),最后将结果四舍五入并返回。

JavaScript单行代码示例分析

const daysDiff = (date, date2) => Math.ceil(Math.abs(date - date2) / 86400000);console.log(daysDiff(new Date('2021-05-10'), new Date('2021-11-25')));// 199

12-将文字复制到剪贴板

PS:你可能需要添加检查以查看是否存在navigator.clipboard.writeText

JavaScript单行代码示例分析

const copyTextToClipboard = async (text) => {  await navigator.clipboard.writeText(text);};

13-合并多个数组的不同方法

有两种合并数组的方法。其中之一是使用concat方法。另一个使用扩展运算符()。

PS:我们也可以使用“设置”对象从最终数组中复制任何内容。

JavaScript单行代码示例分析

// Merge but don't remove the duplicationsconst merge = (a, b) => a.concat(b);// Orconst merge = (a, b) => [...a, ...b];// Merge and remove the duplicationsconst merge = [...new Set(a.concat(b))];// Orconst merge = [...new Set([...a, ...b])];

14-获取javascript语言的实际类型

人们有时会使用库来查找JavaScript中某些内容的实际类型,这一小技巧可以节省你的时间(和代码大小)。

JavaScript单行代码示例分析

const trueTypeOf = (obj) => {  return Object.prototype.toString.call(obj).slice(8, -1).toLowerCase();};console.log(trueTypeOf(''));// strinGConsole.log(trueTypeOf(0));// numberconsole.log(trueTypeOf());// undefinedconsole.log(trueTypeOf(null));// nullconsole.log(trueTypeOf({}));// objectconsole.log(trueTypeOf([]));// arrayconsole.log(trueTypeOf(0));// numberconsole.log(trueTypeOf(() => {}));// function

15-在结尾处截断字符串

需要从头开始截断字符串,这不是问题!

JavaScript单行代码示例分析

const truncateString = (string, length) => {  return string.length < length ? string : `${string.slice(0, length - 3)}...`;};console.log(  truncateString('Hi, I should be truncated because I am too loooong!', 36),);// Hi, I should be truncated because...

16-从中间截断字符串

从中间截断字符串怎么样?

该函数将一个字符串作为第一个参数,然后将我们需要的字符串大小作为第二个参数,然后从第3个和第4个参数开始和结束需要多少个字符

JavaScript单行代码示例分析

const truncateStringMiddle = (string, length, start, end) => {  return `${string.slice(0, start)}...${string.slice(string.length - end)}`;};console.log(  truncateStringMiddle(    'A long story Goes here but then eventually ends!', // string    25, // 需要的字符串大小    13, // 从原始字符串第几位开始截取    17, // 从原始字符串第几位停止截取  ),);// A long story ... eventually ends!

17-大写字符串

好吧,不幸的是,JavaScript没有内置函数来大写字符串,但是这种解决方法可以实现。

JavaScript单行代码示例分析

const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);console.log(capitalize('hello world'));// Hello world

18-检查当前选项卡是否在视图/焦点内

此简单的帮助程序方法根据选项卡是否处于视图/焦点状态而返回truefalse

JavaScript单行代码示例分析

const isTabInView = () => !document.hidden;  // Not hiddenisTabInView();// true/false

19-检查用户是否在Apple设备上

如果用户使用的是Apple设备,则返回true

JavaScript单行代码示例分析

const isAppleDevice = () => /Mac|iPod|iPhone|iPad/.test(navigator.platfORM);console.log(isAppleDevice);// true/false

20-三元运算符

当你只想在一行中编写if..else语句时,这是一个很好的代码保护程序。

JavaScript单行代码示例分析

// Longhandconst age = 18;let greetings;if (age < 18) {  greetings = 'You are not old enough';} else {  greetings = 'You are young!';}// Shorthandconst greetings = age < 18 ? 'You are not old enough' : 'You are young!';

21-短路评估速记

在将变量值分配给另一个变量时,可能要确保源变量不为null,未定义或为空。
可以编写带有多个条件的long if语句,也可以使用短路评估。

JavaScript单行代码示例分析

// Longhandif (name !== null || name !== undefined || name !== '') {  let fullName = name;}// Shorthandconst fullName = name || 'buddy';

以上是“JavaScript单行代码示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网精选频道!

--结束END--

本文标题: JavaScript单行代码示例分析

本文链接: https://www.lsjlt.com/news/276749.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript单行代码示例分析
    这篇文章主要介绍JavaScript单行代码示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!什么是单行代码?单行代码是一种代码实践,其中我们仅用一行代码执行某些功能。01-随机获取布尔值此函数将使用Math.r...
    99+
    2023-06-15
  • JavaScript手写代码的示例分析
    小编给大家分享一下JavaScript手写代码的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1. 实现一个new操作符...
    99+
    2024-04-02
  • JavaScript代码覆盖的示例分析
    这篇文章给大家分享的是有关JavaScript代码覆盖的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。它为什么是有用的 作为一名JavaScript开发者,你可能经常发现...
    99+
    2024-04-02
  • JavaScript代码简化的示例分析
    这篇文章主要为大家展示了“JavaScript代码简化的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript代码简化的示例分析”这篇文章吧...
    99+
    2024-04-02
  • Python代码示例分析
    这篇文章主要介绍了Python代码示例分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Python代码示例分析文章都会有所收获,下面我们一起来看看吧。题目加粗,注意事项红色(...
    99+
    2024-04-02
  • JavaScript运行的示例分析
    这篇文章给大家分享的是有关JavaScript运行的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1.1 语法分析预编译之前,先通篇扫描看看有没有语法错误1.2 预编译 1.2.1 函数声明整体...
    99+
    2023-06-29
  • 分享20个JavaScript 单行代码
    目录1.获取浏览器Cookie的值2.将RGB转换为十六进制3.复制到剪贴板4.检查日期是否有效5.查找一年中的某一天6.大写字符串7.查找两个日期之间的天数8.清除所有Cookie...
    99+
    2024-04-02
  • javascript数据类型基础示例代码分析
    这篇文章主要讲解了“javascript数据类型基础示例代码分析”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript数据类型基础示例代码分析”吧!js中的输入输出语句方法说明归...
    99+
    2023-06-29
  • JavaScript操作表单的示例分析
    这篇文章主要为大家展示了“JavaScript操作表单的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript操作表单的示例分析”这篇文章吧...
    99+
    2024-04-02
  • 如何进行Kafka 1.0.0 d代码示例分析
    这篇文章将为大家详细讲解有关如何进行Kafka 1.0.0 d代码示例分析,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。package kafka.demo;import ...
    99+
    2023-06-02
  • javascript入门实例代码分析
    这篇文章主要介绍“javascript入门实例代码分析”,在日常操作中,相信很多人在javascript入门实例代码分析问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”java...
    99+
    2024-04-02
  • JavaScript中null实例代码分析
    这篇“JavaScript中null实例代码分析”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这...
    99+
    2024-04-02
  • JavaScript闭包实例代码分析
    这篇文章主要介绍了JavaScript闭包实例代码分析的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript闭包实例代码分析文章都会有所收获,下面我们一起来看看吧。什么是闭包?闭包的概念是有很多版本...
    99+
    2023-07-05
  • webpack代码拆分的示例分析
    这篇文章主要介绍webpack代码拆分的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!如果利用 webpack 将项目中的所有代码打包在一起,很多时候是不适用的,因为代码中有...
    99+
    2024-04-02
  • Css中代码的示例分析
    小编给大家分享一下Css中代码的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!text-rendering: optim...
    99+
    2024-04-02
  • JavaScript运行原理的示例分析
    这篇文章主要介绍JavaScript运行原理的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!JavaScript是一种基于对象的动态、弱类型脚本语言(以下简称JS),是一种解...
    99+
    2024-04-02
  • JavaScript执行机制的示例分析
    小编给大家分享一下JavaScript执行机制的示例分析,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!进程与线程我们都知道计算机...
    99+
    2024-04-02
  • Javascript中执行new的示例分析
    这篇文章主要为大家展示了“Javascript中执行new的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Javascript中执行new的示例分析”这篇文章吧。说明在内存中创造新的空对...
    99+
    2023-06-20
  • JS库Highlightjs添加代码行号的示例分析
    这篇文章主要为大家展示了“JS库Highlightjs添加代码行号的示例分析”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JS库Highlightjs添加代码行...
    99+
    2024-04-02
  • weblogic 远程代码执行漏洞的示例分析
    本篇文章给大家分享的是有关weblogic 远程代码执行漏洞的示例分析,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。0x00 漏洞概述今天,Oracle已经发布了季度...
    99+
    2023-06-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作