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

举报
搞前端的半夏 发表于 2022/06/30 21:49:47 2022/06/30
【摘要】 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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。