5 个有用的 JavaScript 提示和技巧,用于编写干净和简短的代码
【摘要】 hello,各位工友,在阅读JavaScript书籍或者观看JavaScript视频的时候,总结了以下技巧,这些技巧可以帮助你编写高效,简洁的代码,助你成为更好的开发人员! 1. 字符串转数字通常当我们将字符串转换为数字时,我们会使用Number显示的将字符串转换为数字!let str = '12';let str_to_Number = Number(str);console.log(ty...
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
总结
上面的技巧有的很简单,有的大家可能日常都在用。不知道大家日常的工作可以用到什么技巧,欢迎大家在评论区中分享!
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)