25个JavaScript One-Liner让你更专业

​​​​​​​

const merge = (arr1, arr2) => [].concat(arr1, arr2);// orconst merge = (arr1, arr2) => [...arr1, ...arr2];

7. 打乱数组

const shuffle = (arr) => arr.slice().sort(() => Math.random() - 0.5);

8. 获取数组的最后一个元素

​​​​​​​

const lastElement = (arr) => arr[arr.length-1];// orconst lastElement = (arr) => arr.slice(-1)[0];// orconst lastElement = (arr) => arr.slice().pop();

9. 查找数组中的唯一值

const findUniqueValues = (arr) => arr.filter((i) => arr.indexOf(i) === arr.lastIndexOf(i));

10. 克隆数组

​​​​​​​

const clone = (arr) => arr.slice();// orconst clone = (arr) => [...arr];

字符串

11. 将字符串大写

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

12. 字符串反转

​​​​​​​

const reverseString = (str) => str.split("").reverse().join("");// orconst reverseString = (str) => [...str].reverse().join();

13. 将字符串转换为数字

​​​​​​​

const toNumber = (str) => Number(str);// orconst toNumber = (str) => +str;

14. 将字符串转换为字符数组

​​​​​​​

const toCharArray = (str) => str.split('');// orconst toCharArray = (str) => [...str];// orconst toCharArray = (str) => Array.from(str);// orconst toCharArray = (str) => Object.assign([], str);

15. 将 Snake 大小写转换为 Camel 大小写

const snakeToCamel = (str) => str.toLowerCase().replace(/(_\w)/g, (word) => word.toUpperCase().substr(1));

日期

16. 两个日期之间的天数

const daysBetweenDates = (date1, date2) => Math.ceil(Math.abs(date1 - date2) / (1000 * 60 * 60 * 24));

17. 工作日约会时间

​​​​​​​

const getWeekday = (date) => ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][date.getDay()];// or const getWeekday = (date) => date.toLocaleString('en-US', {weekday: 'long'});

随机

18. 随机数生成器

​​​​​​​

const randomNumber = (rangeStart, rangeEnd) => new Date().getTime() % rangeEnd + rangeStart;// orconst randomNumber = (min, max) => Math.floor(Math.random() * (max - min + 1) + min);

19.随机十六进制颜色生成器

const randomHexColor = () => `#${Math.random().toString(16).slice(2, 8).padEnd(6, '0')}`;

20. 随机布尔生成器

const randomBoolean = () => Math.random() >= 0.5;

验证

21. 检查数组是否为空

const isEmpty = (arr) => !Array.isArray(arr) || !arr.length;

22. 检查数组是否包含值

​​​​​​​

const includes = (arr, value) => arr.indexOf(value) != -1;// orconst includes = (arr, value) => arr.includes(value);

23. 检查日期是否是周末

const isWeekend = (date) => [5, 6].indexOf(date.getDay()) !== -1;

网络实用程序

24.复制到剪贴板

​​​​​​​

const copyToClipboard = (text) =>  navigator.clipboard?.writeText && navigator.clipboard.writeText(text);
// TestingcopyToClipboard("Hello World!");

25.检测深色模式

给大家的福利

零基础入门

对于从来没有接触过网络安全的同学，我们帮你准备了详细的学习成长路线图。可以说是最科学最系统的学习路线，大家跟着这个大的方向学习准没问题。

同时每个成长路线对应的板块都有配套的视频提供：

因篇幅有限，仅展示部分资料