有哪些不常被提及的JavaScript小技巧，在11个教程中鲜有涉及？

本文共计2390个文字，预计阅读时间需要10分钟。

1. 过滤唯一值 + Set 类型是 ES6 中新增的，它类似数组，但成员的值都是唯一的，没有重复的值。结合扩展运算符（...）等操作符，我们可以创建一个新的数组，实现过滤原数组重复值的功能。

1、过滤唯一值

Set类型是在ES6中新增的，它类似于数组，但是成员的值都是唯一的，没有重复的值。结合扩展运算符（...）我们可以创建一个新的数组，达到过滤原数组重复值的功能。

const array = [1, 2, 3, 3, 5, 5, 1]; const uniqueArray = [...new Set(array)]; console.log(uniqueArray); // [1, 2, 3, 5]

在ES6之前，我们如果想要实现这个功能的话，需要的处理代码要多很多。
这个技巧的适用范围是数组中的数值的类型为：undefined， null， boolean， string， number。当包涵object， function， array时，则不适用。

2、短路求值（Short-Circuit Evaluation）

三目运算符是一个很方便快捷的书写一些简单的逻辑语句的方式，

x > 100 ? 'Above 100' : 'Below 100'; x > 100 ? (x > 200 ? 'Above 200' : 'Between 100-200') : 'Below 100';

但是有些时候当逻辑复杂之后，三目运算符书写起来可读性也会很难。这个时候，我们就可以使用逻辑与（&&）和逻辑或（||）运算符来改写我们的表达式。