返回

如此前卫的JS技巧,你真的都掌握了吗?

前端

少见却很实用的 JS 技巧,从初学者到老手都值得一试。您是否掌握了这些技巧呢?

JavaScript 是一种非常流行的编程语言,它不仅用于 Web 开发,还被广泛应用于移动应用程序、桌面应用程序、游戏开发等领域。JavaScript 不仅功能强大,而且有许多技巧可以简化和优化我们的代码。

在这篇文章中,我们将介绍 6 个少见却很实用的 JavaScript 技巧,包括数组去重、从数组中过滤所有虚值、将字符串转换为数字、将数字转换为字符串、使用 && 符号简写条件判断语句以及使用 console.table() 打印特定格式的表格。这些技巧将有助于你提升 JavaScript 技能,并使你的代码更加简洁高效。

1. 数组去重

数组去重是指从数组中删除重复的元素。在 JavaScript 中,可以使用以下代码实现数组去重:

const arr = [1, 2, 3, 4, 5, 1, 2, 3];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4, 5]

2. 从数组中过滤所有虚值

虚值是指那些被认为是“假”的值,例如 null、undefined、NaN、"" 和 0。在 JavaScript 中,可以使用以下代码从数组中过滤所有虚值:

const arr = [1, null, undefined, NaN, "", 2, 3, 4, 5];
const filteredArr = arr.filter(Boolean);
console.log(filteredArr); // [1, 2, 3, 4, 5]

3. 将字符串转换为数字

在 JavaScript 中,可以使用以下代码将字符串转换为数字:

const str = "123";
const num = Number(str);
console.log(num); // 123

4. 将数字转换为字符串

在 JavaScript 中,可以使用以下代码将数字转换为字符串:

const num = 123;
const str = String(num);
console.log(str); // "123"

5. 使用 && 符号简写条件判断语句

在 JavaScript 中,可以使用 && 符号简写条件判断语句。例如,以下代码判断变量 a 是否大于 0 并且变量 b 是否小于 10:

const a = 1;
const b = 9;
if (a > 0 && b < 10) {
  // do something
}

6. 使用 console.table() 打印特定格式的表格

在 JavaScript 中,可以使用 console.table() 方法打印特定格式的表格。例如,以下代码打印一个包含两个列的表格:

const data = [
  ["Name", "Age"],
  ["John", 30],
  ["Jane", 25],
  ["Bob", 40],
];

console.table(data);

上面输出的表格如下:

+------+-----+
| Name | Age |
+------+-----+
| John | 30  |
| Jane | 25  |
| Bob  | 40  |
+------+-----+

以上就是本文介绍的 6 个少见却很实用的 JavaScript 技巧。希望这些技巧能够帮助你提升 JavaScript 技能,并使你的代码更加简洁高效。