11个 杀手级 JavaScript 单行代码

开发 前端
每个 JS 开发人员都应该使用 javascript one liner 来提高生产力和技能,所以今天我们讨论一些可以在日常开发生活中使用的 one liner。

每个 JS 开发人员都应该使用 javascript one liner 来提高生产力和技能,所以今天我们讨论一些可以在日常开发生活中使用的 one liner。

1. 对数组进行排序

使用 sort 方法对数组进行排序非常简单。

const number = [2,6,3,7,8,4,0];number.sort();// expected output: [0,2,3,4,6,7,8]

2.检查数组中的值

很多时候我们需要检查值是否存在于数组中,借助 include 方法。

const array1 = [1, 2, 3];console.log(array1.includes(2));// expected output: true

3.过滤数组

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];const result = words.filter(word word.length > 6);console.log(result);
// expected output: Array ["exuberant", "destruction", "present"]

4. 从数组中查找元素

如果你只需要一个元素,但你在数组中获得了很多元素,不要担心 JavaScript 有 find 方法。

const array1 = [5, 12, 8, 130, 44];const found = array1.find(element element > 10);console.log(found);// expected output: 12

5. 查找数组中任何元素的索引

要查找数组中元素的索引,您可以简单地使用 indexOf 方法。

const beasts = ['ant', 'bison', 'camel', 'duck', 'bison'];console.log(beasts.indexOf('bison'));// expected output: 1

6. 将数组转换为字符串

const elements = ['Fire', 'Air', 'Water'];console.log(elements.join(", "));// expected output: "Fire, Air, Water"

7.支票号码是偶数还是奇数

很容易找出给定的数字是偶数还是奇数。

const isEven = num num % 2 === 0;orconst isEven = num !(n & 1);

8.删除数组中的所有重复值

删除数组中所有重复值的一种非常简单的方法

const setArray = arr [...new Set(arr)];const arr = [1,2,3,4,5,1,3,4,5,2,6];setArray(arr);// expected output: [1,2,3,4,5,6]

9. 合并多个数组的不同方式

// merge but don't remove duplicationsconst merge = (a, b) =>orconst merge = (a, b) => [...a, ...b];// merge with remove duplicationsconst merge = (a, b) => [...new Set(a.concat(b))];orconst merge = (a, b) => [...new Set([...a, ...b])];

10. 滚动到页面顶部

有很多方法可以将页面滚动到顶部。

const goToTop = () window.scrollTo(0,0, "smooth");orconst scrollToTop = (element) => element.scrollIntoView({behavior: "smooth", block: "start"});// scroll to bottom of the pageconst scrollToBottom = () window.scrollTo(0, document.body.scrollHeight);

11.复制到剪贴板

在 Web 应用程序中,复制到剪贴板因其对用户的便利性而迅速普及。

const copyToClipboard = text (navigator.clipboard?.writeText ?? Promise.reject)(text);

写在最后

以上就是我今天跟你分享的11个JavaScript的单行代码技巧,希望你能从中学到新的知识。

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

2023-06-14 15:51:48

JavaScript

2022-11-28 23:44:26

JavaScript技巧程序员

2022-09-26 12:53:54

JavaScrip单行代码

2023-02-15 16:19:59

JavaScript技巧API

2022-12-19 15:23:51

JavaScrip开发语言

2023-05-30 15:11:16

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编程语言

2022-07-12 10:18:05

JavaScript单行代码

2022-07-08 09:53:51

JavaScript单行代码

2022-09-02 23:08:04

JavaScript技巧开发

2022-07-06 08:39:33

Python代码

2022-10-08 07:54:24

JavaScriptAPI代码

2022-10-09 18:52:11

JavaScript开发数组

2024-09-04 14:00:16

2022-12-28 17:20:03

JavaScript解决方案

2023-12-06 18:06:37

Git开发

2023-12-21 18:01:58

Docker容器部署
点赞
收藏

51CTO技术栈公众号