你必须知道的 7 个杀手级 JavaScript 单行代码

boyanx6个月前技术教程25

1.如果你需要一个临时的唯一 ID,请生成随机字符串。

这个例子将为你生成一个随机字符串:

const randomString = Math.random().toString(36).slice(2);
console.log(randomString); //output- r0zf1xfqcr (the string will be random )

2. 从电子邮件中提取域名,

你可以使用 substring() 方法来提取电子邮件的域名。

let email = 'xyz@gmail.com';
le getDomain = email.substring(email.indexOf('@') + 1);

console.log(getDomain); // output - gmail.com

3.用这个例子检测暗模式,你可以检查用户是否在使用暗模式(然后你可以根据暗模式更新一些功能)

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').match;

4. 检查元素是否被聚焦

在JavaScript中检测元素是否具有焦点,可以使用Document对象的只读属性activeElement。

const elem = document.querySelector(' .text-input');

const isFocus = elem == document.activeElemnt;

/* isFocus will be true if elem will have focus, and isFocus will be false if elem will not have focus */

5. 检查数组是否为空

此单行程序将让你知道数组是否为空。

let arr1 = [];
let arr2 = [2, 4, 6, 8, 10];

const arr1IsEmpty = !(Array.isArray(arr1) && arr1.length >0);
const arr2IsEmpty = !(Array.isArray(arr2) && arr2.length >0);

console.log(arr1); //output - true
console.log(arr2); // output - false

6. 重定向

你可以使用 JavaScript 将用户重定向到任何特定的 URL。

const redirect = url => location.href = url

/* call redirect (url) whenever you want to redirect the user to a specific url */

7. 检查变量是否为数组

你可以使用 Array.isArray() 方法检查任何变量是否为数组。

let fruit = 'apple';
let fruits = ["apple", "banana", "mango", "orange", "grapes"];

const isArray = (arr) => Array.isArray(arr);

console.log(isArray.(fruit)); //output - false
console.log(isArray.(fruits)), //output- true
标签: js在线测试

相关文章

JavaScript访问mysql,原来如此简单

你对JS的了解,是否还停留在jquery?来访问数据库试试吧,做全栈是如此的简单~!JS访问mysql的工具类,大致需求如下:1, 单实例,避免数据库链接浪费。2,连接池功能。3,链接检测。4,提供简...

国内浏览器跑分差别这么大?测试下来惊呆了

对于用户来说评定一款好的浏览器,无非在于启动加载速度,易用稳定以及便捷功能三大方面;那么,在现存主流浏览器日益激烈的博弈中,谁更能是用户最爱,成为最具竞争力的浏览器呢?下面我们就分别选取了三款国产浏览...

Linux下使用Speedtest测试网速

Speedtest是用来测试网络性能的开源软件,在Linux下面安装Speedtest可以用来测试网络出口的上传和下载速度,帮助排查网络方面导致的故障。Speedtest介绍由于公司几个项目用户访问的...

Google Chrome浏览器在Speedometer3性能测试中获得“史上最高分”

Google今日宣布,其 Chrome 浏览器在 Speedometer 3 基准测试中获得了“史上最高分”。Speedometer 3 旨在衡量浏览器性能,由Google、苹果、英特尔、微软和 Mo...

国产大模型助力自动化测试——让Midscene.js用上“东方大脑”

大家好,我是老李。前一段写了篇文章《UI自动化测试不求人,字节跳动开源基于AI大模型的UI自动化测试库》,介绍了字节跳动开源的AI驱动的自动化测试工具midscene.js,有朋友纷纷私信,国产大模型...

JavaScript-JavaScript 219

1)JavaScript简介JavaScript:是一种脚本语言(程序),脚本是一条条的文字命令,执行时由系统的一个解释器将其一条条的翻译成机器可识别的指令然后执行,脚本语言是不经编译而是解释执行的,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。