持续创作,加速成长!这是我参与「掘金日新计划 · 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
总结
上面的技巧有的很简单,有的大家可能日常都在用。不知道大家日常的工作可以用到什么技巧,欢迎大家在评论区中分享!