JavaScript 单行技巧：高效处理数据

2024-07-26
广东
本文字数：1082 字
阅读完需：约 4 分钟

本文翻译自 10 one-liners that will change how you think about JavaScript forever，作者：Tari Ibaba，略有删改。

本文介绍 JavaScript 单行程序的独特数据处理能力，单行技巧可以帮助我们更简洁、更高效地处理数据。这些技巧不仅提升了代码的可读性，也减少了代码行数，使代码更加紧凑。以下是一些 JavaScript 单行技巧，用于高效处理数据，附带相应的代码示例。

像这样令人惊叹的单行程序显示了您对语言的掌握及其独特的数据处理能力。️

今天我们介绍有一些关于 JavaScript 的有趣的事情，大多数开发人员可能都没这样使用过。

下面程序中，我从 17 行命令行转换到一个单行的功能语句。

转换后：

转换后的代码相对要清晰优雅，你可以清楚地看到数据是如何从输入到输出。

求一组数字的平均值

通过reduce将数组的总和除以它的长度，我们可以计算出数字的平均值。

const average = array => array.reduce((total, num) => total + num, 0) / array.length;

复制代码

将 URL 的查询字符串部分转换成对象

这个示例展示了如何将查询字符串转换成对象。URLSearchParams会解析字符串，并返回一个可迭代的对象，之后通过Object.fromEntries将其转换为对象，使得 URL 参数的检索更加便捷。

const query = 'name=XXX&age=18';
// 将字符串解析为对象const parseQuery = query => Object.fromEntries(new URLSearchParams(query));
// 结果: parseQuery = { name: 'XXX', age: '18' }

复制代码

将秒数转换为时间格式的字符串

此示例展示了秒数到 HH:MM:SS 字符串的转换过程。通过创建一个 Date 对象，并根据秒数设置其时间值，最后格式化输出。

const seconds = 9000; // 一小时是 3600 秒，多出 61 秒
const toTimeString = seconds => new Date(seconds * 1000).toISOString().substr(11, 8);
toTimeString(seconds);  // '02:30:00'

复制代码