代码简化清单

最有用的速记代码清单使用这些代码清单，可以使你的代码看起来更专业1、单行If-Else语句你可能熟悉这样的常规if-else语句：if (10 < 100) { console.log(“True”); } else { console.log(“False”); } 。

输出True 但是，你知道吗，你可以通过使用三元运算符，以更短，更简洁的方式编写上面的代码？10 <100 ? console.log（“True”） : console.log（“False”） 输出：

True 通常，三元运算符遵循以下简单模式：condition ? trueExpression : falseExpression 三元运算符也可以链接在一起以形成更长的链但是，它通常会使代码变得很冗长。

明智地使用它们，不会使事情变得更复杂2、合并数组你可以使用传播运算符（…）将一个数组的元素10扩展为另一个数组，例如：const numbers = [10, 20, 30, 40]; const allNumbers = […numbers, 50, 60, 70, 80]; console.log(allNumbers);

输出：[10, 20, 30, 40, 50, 60, 70, 80] 3、从数组中删除重复项const numbers = [1, 1, 20, 3, 3, 3, 9, 9]; const uniqueNumbers = […new Set(numbers)]; console.log(uniqueNumbers);

输出：[1, 20, 3, 9] 4、将任何内容转换为布尔值除了true和false之外，JavaScript还将其他类型视为真或假0，””，null，undefined，NaN，和false总是假 其他一切都为真。

正因为如此，在JavaScript中，你可以将任何值转换为true和false与一元运算符（!）：const bool1 = !0; // true const bool2 = !100; // false const bool3 = !”test”; // false const bool4 = !!”test”; // true console.log(bool1, bool2, bool3, bool4);

输出：true false false true 5、交换两个变量而不用第三个变量let x = 1; let y = 2; [x, y] = [y, x]; console.log(x, y); 输出：

2 1 6、将数字转换为字符串const num = 1 +“”; console.log（typeof num）; console.log（num）; 输出：string 1 7、将字符串转换为数字

const numStr = “124”; const num = +numStr; console.log(typeof num); console.log(num); 输出：number 124

8、将变量嵌入到字符串通过使用反引号将字符串括起来并将变量插入之间，将变量整齐地嵌入到字符串之间${}：const age = 41; const sentence = `Im ${age} years old`; console.log(sentence);

输出：Im 41 years old 9、将字符串拆分为数组要将字符串拆分为数组，可以使用扩展运算符（…）：const str = “Test” const strAsArr = […str] console.log(strAsArr)

输出：[“T”, “e”, “s”, “t”] 10、可选链接“可选的链接运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效” — MDN Web文档假设你有一个data

对象，并且想要安全地访问data.test.value首先，你需要检查：data是否被定义data.test是否被定义在data.test.value，你可以调用之前，因为，你显然无法读取undefined属性。

const data = {test：{value：1}} if（data && data.test）{ console.log（data.test.value）; } 输出：1 幸运的是，使用可选链接的方法，你可以简单明了地编写上面的代码：

const value = data?.test?.value; console.log(value) 输出：1 现在，你还可以安全地尝试访问不存在的属性，而不会出现问题：console.log(data?.this?.does?.not?.exist?.for?.sure)

输出：undefined 加餐：提高JSON的可读性我确定你以前用过JSON.stringify()但是，你可能不使用它的一种方法是对JSON数据进行整齐缩进让我们看看如何完成此任务该JSON.stringify()。

方法接受两个可选参数：替换功能，用于过滤显示的JSON在这种情况下，可以是null，因为我们不需要它一个空格值，可以是所需空格的数目或字符串在这种情况下，让我们使用制表符（\t）缩进JSON对象以使其看起来不错：。

const readableJSON = JSON.stringify({ a: A, b: B }, null, \t); console.log(readableJSON); 输出：{ “a”: “A”, “b”: “B” }

结论我希望，我今天分享的这些技巧对你有用。如你还有什么问题，你可以在留言区与我一起分享探讨，同时，你如果还有其他好的方法，你也可以分享出来，一起学习进步