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

myzbx 2024-12-11 15:56 35 浏览

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

HTML 计算机代码

上一篇：一个简单的 HTML 网页设计代码
下一篇：如何查看网页的HTML源代码?这里提供详细步骤

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

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

谷歌SEO:外贸电商网站On-page SEO优化实战「附案例」