19个 JavaScript 单行代码技巧 _JavaScript

文章插图
今天这篇文章跟大家分享18个JS单行代码，你只需花几分钟时间，即可帮助您了解一些您可能不知道的 JS 知识，如果您已经知道了，就当作复习一下，古人云，温故而知新嘛。
现在，我们就开始今天的内容。
1. 生成随机字符串
我们可以使用Math.random来生成一个随机字符串，当我们需要唯一的ID时，这非常方便。
const randomString = () => Math.random().toString(36).slice(2)??????randomString() // gi1qtdego0brandomString() // f3qixv40motrandomString() // eeelv1pm3ja2.转义html特殊字符
如果您了解 XSS，解决方案之一就是转义 HTML 字符串。

const escape = (str) => str.replace(/[&<>"']/g, (m) => ({ '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;' }[m]))

???escape('<div class="medium">Hi Medium.</div>') // <div class="medium">Hi Medium.</div&gt3.将字符串中每个单词的第一个字符大写
此方法用于将字符串中每个单词的第一个字符大写。
const uppercasewords = (str) => str.replace(/^(.)|s+(.)/g, (c) => c.toUpperCase())uppercaseWords('hello world'); // 'Hello World'谢谢克里斯托弗·斯特罗利亚·戴维斯，以下是他提供的更简单的方法。
const uppercaseWords = (str) => str.replace(/^(.)|s+(.)/g, (c) => c.toUpperCase())4.将字符串转换为驼峰命名法
const toCamelCase = (str) => str.trim().replace(/[-_s]+(.)?/g, (_, c) => (c ? c.toUpperCase() : ''));toCamelCase('background-color'); // backgroundColortoCamelCase('-webkit-scrollbar-thumb'); // WebkitScrollbarThumbtoCamelCase('_hello_world'); // HelloWorldtoCamelCase('hello_world'); // helloWorld5.删除数组中的重复值
去除数组的重复项是非常有必要的，使用“Set”就会变得非常简单。
const removeDuplicates = (arr) => [...new Set(arr)]console.log(removeDuplicates([1, 2, 2, 3, 3, 4, 4, 5, 5, 6])) // [1, 2, 3, 4, 5, 6]6.展平数组
我们经常在面试中受到考验，这可以通过两种方式来实现。
const flat = (arr) =>[].concat.Apply([],arr.map((a) => (Array.isArray(a) ? flat(a) : a)))??????// Orconst flat = (arr) => arr.reduce((a, b) => (Array.isArray(b) ? [...a, ...flat(b)] : [...a, b]), []) flat(['cat', ['lion', 'tiger']]) // ['cat', 'lion', 'tiger']7.从数组中删除假值
使用此方法，您将能够过滤掉数组中的所有虚假值。
const removeFalsy = (arr) => arr.filter(Boolean)removeFalsy([0, 'a string', '', NaN, true, 5, undefined, 'another string', false])// ['a string', true, 5, 'another string']8.检查数字是偶数还是奇数
超级简单的任务可以通过使用模运算符 (%) 来解决。
const isEven = num => num % 2 === 0isEven(2) // trueisEven(1) // false9.获取两个数字之间的随机整数
该方法用于获取两个数字之间的随机整数。
const random = (min, max) => Math.floor(Math.random() * (max - min + 1) + min)random(1, 50) // 25random(1, 50) // 3410. 获取参数的平均值
我们可以使用reduce方法来获取我们在此函数中提供的参数的平均值。
【19个 JavaScript 单行代码技巧】const average = (...args) => args.reduce((a, b) => a + b) / args.length;average(1, 2, 3, 4, 5);// 311.将数字截断为固定小数点
使用 Math.pow() 方法，我们可以将数字截断到函数中提供的某个小数点。
const round = (n, d) => Number(Math.round(n + "e" + d) + "e-" + d)round(1.005, 2) //1.01round(1.555, 2) //1.5612.计算两个日期相差天数
有时候我们需要计算两个日期之间的天数，一行代码就可以完成。