JS之 小技巧
当我开始学习JavaScript时,我把我在城市家具网址的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。
在这篇文章中,我将分享11条我认为特别有用的技巧。这篇文章是为初学者准备的,但我希望即使是中级JavaScript开发人员也能在这个列表中找到一些新的东西。
想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你!
1、过滤唯一值
Set对象类型是在ES6中引入的,配合展开操作...一起,我们可以使用它来创建一个新数组,该数组只有唯一的值。
const array = [1, 1, 2, 3, 5, 5, 1]
const uniqueArray = [...new Set(array)];
console.log(uniqueArray); // Result: [1, 2, 3, 5]
在ES6之前,隔离惟一值将涉及比这多得多的代码。
此技巧适用于包含基本类型的数组:undefined,null,boolean,string和number。(如果你有一个包含对象,函数或其他数组的数组,你需要一个不同的方法!)
2、 与或运算
三元运算符是编写简单(有时不那么简单)条件语句的快速方法,如下所示:
x > 100 ? ‘Above 100‘ : ‘Below 100‘;
x > 100 ? (x > 200 ? ‘Above 200‘ : ‘Between 100-200‘) : ‘Below 100‘;
但有时使用三元运算符处理也会很复杂。相反,我们可以使用‘与‘&&和‘或‘|| 逻辑运算符以更简洁的方式书写表达式。这通常被称为“短路”或“短路运算”。
它是怎么工作的
假设我们只想返回两个或多个选项中的一个。
使用&&将返回第一个条件为假的值。如果每个操作数的计算值都为true,则返回最后一个计算过的表达式。
let one = 1, two = 2, three = 3;
console.log(one && two && three); // Result: 3
console.log(0 && null); // Result: 0
使用||将返回第一个条件为真的值。如果每个操作数的计算结果都为false,则返回最后一个计算过的表达式。