5 个有用的 JavaScript 提示和技巧,用于编写干净和简短的代码

148 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第8天,点击查看活动详情 hello,各位工友,在阅读JavaScript书籍或者观看JavaScript视频的时候,总结了以下技巧,这些技巧可以帮助你编写高效,简洁的代码,助你成为更好的开发人员!

1. 字符串转数字

通常当我们将字符串转换为数字时,我们会使用Number显示的将字符串转换为数字!

let str = '12';
let str_to_Number = Number(str);
console.log(typeof(str_to_Number);  //Type: Number

但是现在有一种更短的方法:可以使用 + 运算符将字符串显式转换为数字:

let str = '12';
let str_to_Number = +str;
console.log(typeof(str_to_Number); //Type: Number

2. 合并数组

如果我们有两个或多个数组,那么我们可以使用... 运算符轻松合并它

const arr_1 = [1, 2, 3, 4];
const arr_2 = [5, 6, 7, 8];
const merge_arr = (...arr_1, ...arr_2)
console.log(merge_arr); //1, 2, 3, 4, 5, 6, 7, 8

更短的 For 循环

普通的 for 循环是如何遍历的?

const student = ["Ahmad", "Smith", "Krish"];

for (let i = 0; i < student.length; i++) {
  const student_name = student[i];
  console.log(student_name);
}

现在可以使用 for-of 循环来缩短它,而不是使用普通的 for 循环。

const student = ["Ahmad", "Smith", "Krish"];

for (let student_name of student) console.log(student_name);

4.将数字转换为字符串

通常,我们使用 toString() 来将数字转换为字符串!请注意,toString方法时挂载在原型上的,不是静态方法!需要具体的数字对象进行调用!

let num = 123;
let str_num = num.toString();
console.log(typeof(str_num)); //string

但是,有一个小技巧可以帮助您快速将数字转换为字符串。通过连接一个数字和一个空字符串。让我们看看这个例子:

let num = 123 + "";
console.log(num); //  "123"
console.log(typeof(num)); //string

5 任意值转换为布尔值

我们先使用一个!对任意值进行操作,得到当前值的相反的布尔值,然后再使用一个!对相反的布尔值进行二次取反,这样据可以得到任意值的布尔值!

console.log(!!0); // Output: false
console.log(!!1); // Output: true
console.log(!!""); // Output: false
console.log(!!" "); // Output: true

总结

上面的技巧有的很简单,有的大家可能日常都在用。不知道大家日常的工作可以用到什么技巧,欢迎大家在评论区中分享!