首页 > web前端 > js教程 > iller JavaScript Hacks 希望我很快就能知道

iller JavaScript Hacks 希望我很快就能知道

Susan Sarandon
发布: 2024-11-23 13:35:11
原创
210 人浏览过

iller JavaScript Hacks Wish I Knew Soon

默认值的短路演化

跳过默认值的 if-else。使用 || 进行更简洁、单行的作业。

//old way 
let userName;
if (userInput) {
 userName = userInput;
} else {
 userName = 'Guest';
}

//modern way
const userName = userInput || 'Guest';
登录后复制

在没有临时变量的情况下滑动变量

使用数组解构在单行中交换值,不需要临时值。

//old way
let temp = a;
a = b;
b = temp;

//modern way
let a = 1, b = 2;
[a, b] = [b, a]; 
登录后复制

输出:a = 2 且 b = 2

快速克隆数组
使用扩展运算符克隆数组以获得更简单、更
直观的方法。

// old way
const clone = original.slice();

//modern way
const original = [1, 2, 3];
const clone = [...original];
登录后复制

轻松删除数组中的重复项
使用 Set 删除重复项,将其变成简洁的单行现代解决方案。

//old way
const uniqueArray = [];
for (let i = 0; i < array.length; i++)  {
  if (!uniqueArray.includes(array[i])) {
     uniqueArray.push(array[i]);
 }
}

//modern way 
const uniqueArray = [...new Set([1, 2, 2, 3, 4, 4])];
登录后复制

快速将字符串转换为数字

使用一元运算符将字符串转换为数字,以获得
快速解决方案。

//old way
 const num = parseInt('12', 39);

//modern way
consst num = +'12';
登录后复制

结论
这些现代 JavaScript 技术提供了更干净、更高效且通常更易读的代码。使用这些单行代码和内置函数可以简化复杂的逻辑,消除冗余

以上是iller JavaScript Hacks 希望我很快就能知道的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板