16个 JavaScript 单行代码帮助你提升开发水平

开发 前端
今天我们将分享16个实用的单行 JavaScript 代码,旨在提高你的编码效率并简化你的代码。从数组和字符串操作到异步编程和面向对象编程等高级概念,我们都能满足你的要求。

今天我们将分享16个实用的单行 JavaScript 代码,旨在提高你的编码效率并简化你的代码。从数组和字符串操作到异步编程和面向对象编程等高级概念,我们都能满足你的要求。

现在,让我们开始吧!

1、获取数组中的随机元素 

使用 Math.random() 函数结合数组的长度,从数组中获取随机元素非常轻松:

const arr = [1, 2, 3, 4, 5];
const randomElement = arr[Math.floor(Math.random() * arr.length)];
console.log(randomElement);

2、轻松展平数组 

使用 reduce() 和 concat() 函数将嵌套数组展平为单层:

const arr = [[1, 2], [3, 4], [5, 6]];
const flattenedArr = arr.reduce((acc, cur) => acc.concat(cur), []);
console.log(flattenedArr); // Output: [1, 2, 3, 4, 5, 6]

3、按属性对数组进行排序 

只需根据特定属性的值对对象数组进行排序:

const sortedArray = array.sort((a, b) => (a.property > b.property ? 1 : -1));

4、删除特定元素 

你可以轻松地从数组中过滤掉不需要的元素:

const removedArray = array.filter((item) => item !== elementToRemove);

5、检查数组中的重复项 

检测数组是否包含任何重复项:

const hasDuplicates = (array) => new Set(array).size !== array.length;

6、数组值存在性检查 

快速确定数组是否包含特定值:

const hasValue = arr.includes(value);

7、将首字母大写 

将字符串的首字母转换为大写:

const capitalized = str.charAt(0).toUpperCase() + str.slice(1);

8、生成随机整数 

在内创建一个随机整数特定范围:

const randomInt = Math.floor(Math.random() * (max - min + 1)) + min;

9、获取随机字符串 

生成指定长度的随机字符串:

const randomStr = Math.random().toString(36).substring(2, length);

10、交换变量值 

使用解构和 rest 运算符轻松交换两个变量的值:

let a = 1, b = 2;
[b, a] = [a, b];
console.log(a, b); // 2, 1

11、将字符串转换为驼峰式大小写 

轻松将任何字符串转换为驼峰式大小写格式:

const str = 'hello world';
const camelCase = str.replace(/\s(.)/g, ($1) => $1.toUpperCase()).replace(/\s/g, '').replace(/^(.)/, ($1) => $1.toLowerCase());
console.log(camelCase); // "helloWorld"

12、计算时间间隔 

查找两个日期之间的天数:

const diffInDays = (dateA, dateB) => Math.floor((dateB - dateA) / (1000 * 60 * 60 * 24));

13、发现一年中的哪一天 

计算特定日期属于一年中的哪一天:

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

14、复制到剪贴板 

轻松将文本复制到剪贴板:

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

15、识别变量类型 

确定 JavaScript 中任何变量的类型:

const getType = (variable) => Object.prototype.toString.call(variable).slice(8, -1).toLowerCase();
getType(''); // string

16、检查对象是否为空 

快速验证对象是否没有属性:

const isEmptyObject = (obj) => Object.keys(obj).length === 0 && obj.constructor === Object;

以上就是我今天与你分享的16个JavaScript 单行代码,不仅可以节省时间,而且还有助于编写更干净、更高效的代码。

责任编辑:华轩 来源: web前端开发
相关推荐

2010-12-23 16:55:43

tangram百度开源框架

2023-09-12 14:38:08

开发JavaScript

2024-01-26 08:37:49

动画库JavaScriptSlack

2022-11-28 23:44:26

JavaScript技巧程序员

2023-02-15 16:19:59

JavaScript技巧API

2022-10-20 15:16:23

JavaScript数组技能

2022-10-09 18:52:11

JavaScript开发数组

2022-12-19 15:23:51

JavaScrip开发语言

2023-05-30 15:11:16

JavaScrip开发功能

2023-06-19 15:36:30

JavaScrip技巧开发

2023-10-10 16:20:38

JavaScript代码技巧

2024-10-09 14:45:41

2023-03-13 16:08:00

JavaScript数组函数

2023-08-27 16:19:09

JavaScript编程语言

2024-08-02 17:19:36

2022-09-02 23:08:04

JavaScript技巧开发

2023-06-14 15:51:48

JavaScript

2014-03-17 09:57:54

2016-04-06 10:24:32

提升效率Linux终端快捷操作

2022-06-08 08:55:15

JavaScript代码前端
点赞
收藏

51CTO技术栈公众号