20个简洁的 JS 代码片段，web前端入门开发

// SHORTHAND

const { name, age, …address } = student;

9、 使用 && 进行短路评估

===================

不必用if语句检查某事是否为真，你可以使用&&运算符：

var isReady = true;

function doSomething(){

console.log(“Yay!”);

}

// LONGER FORM

if(isReady){

doSomething();

}

// SHORTHAND

isReady && doSomething();

10、类固醇的字符串

==============

通过将字符串包装在反引号内并${}用于嵌入值，从而在字符串之间插入变量。

例如：

const age = 41;

const sentence = I'm ${age} years old;

// result: I’m 41 years old

11、 从数组中查找特定元素

==================

使用find()方法查找匹配特定条件的元素：

const fruits = [

{ type: “Banana”, color: “Yellow” },

{ type: “Apple”, color: “Green” }

];

// LONGER FORM

let yellowFruit;

for (let i = 0; i < fruits.length; ++i) {

if (fruits[i].color === “Yellow”) {

yellowFruit = fruits[i];

}

}

// SHORTHAND

yellowFruit = fruits.find((fruit) => fruit.color === “Yellow”);

<