如此前卫的JS技巧,你真的都掌握了吗?
2023-09-30 19:43:21
少见却很实用的 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 技能,并使你的代码更加简洁高效。