农畜产品销售平台的网站建设,中国机械加工行业的现状,宝贝详情页制作模板,seo的重要性在我们日常搬砖中#xff0c;我们经常会看到三元运算符#xff0c;但是你了解三元运算符到底是怎么用吗#xff1f;接下来我们就下来详细介绍一下三元运算符大厂面试题分享 面试题库前后端面试题库 #xff08;面试必备#xff09; 推荐#xff1a;★★★★★地址#x…在我们日常搬砖中我们经常会看到三元运算符但是你了解三元运算符到底是怎么用吗接下来我们就下来详细介绍一下三元运算符大厂面试题分享 面试题库前后端面试题库 面试必备 推荐★★★★★地址前端面试题库什么是三元运算符三元运算符在JavaScript中的的表现形式是?它的作用是“计算在它之前传递的条件表达式并根据条件表达式的结果判断应该执行问号(?)后的哪一段代码”。(?)后接两端不同情况下该执行的代码代码之前用冒号分隔:。它的语法如下所示条件表达式 ? 结果为true执行的代码 : 结果为false执行的代码;
复制代码当我们的条件表达式运行结果为true时执行:冒号前的代码当条件表达式结果为false时执行:冒号后面的代码。如何使用三元运算符当我们需要根据某一个表达式的运算结果来决定我们的接下来要执行的代码时我们就可以使用三元运算符。//const student false; //第一种情况为studentfalse执行Welcome, Guest!const student zayyo; //第二种情况为true执行Welcome, zayyo!const welcomeStudent student ? Welcome, ${student}! : Welcome, Guest!;
console.log(welcomeStudent); // Welcome, zayyo!复制代码在上面的代码中我们把studnent当做布尔条件去求值当student为true时我们把:冒号前的值赋给welcomeStudent当student的值为false时我们把:冒号后的值赋给welcomeStudent。所以三元运算符又被称为条件运算符只有在满足条件的情况下才会执行正确的代码在JavaScript中false、0、、null、undefined、NaN都被判定为假值等同于false除此之外的其他值都被判定为真值等同于true。那什么时候使用三元运算符呢我们常见的三元运算符例子的都只有两种结果要么为true要么为false。与之类似的代码结构就只有我们的if/else选择结构我们可以用三元运算符来代替if/else的使用用来增加代码的可读性和简洁性例子// 使用if/else
{
constwelcomeStudent student {if (student) {returnWelcome, ${student.name}!;} else {returnWelcome, Guest!;};
};console.log(welcomeStudent({ name: zayyo })); // Welcome, zayyo!console.log(welcomeStudent()); // Welcome, Guest!
}// 使用三元运算符
{
constwelcomeStudent student student ? Welcome, ${student.name}! : Welcome, Guest!;console.log(welcomeStudent({ name: zayyo })); // Welcome, zayyo!console.log(welcomeStudent()); // Welcome, Guest!
}
复制代码在上面的例子中我们不难看出三元运算符有着更好的可读性和简洁性链式三元运算符那如果我们遇见更加复杂的代码如if/else if/else或者是switch的结果我们如何去使用三元运算符去优化代码呢我们可以使用链式三元运算符去实现// 使用 if/else if/elseconstgrade mark {if (mark 100) {return;} elseif (mark 80) {return优秀;} elseif (mark 70) {return良好;} elseif (mark 60) {return及格;} elseif (mark 50) {return不及格;} else {return差;};
};console.log(grade(100)); // 优秀console.log(grade(1000)); // undefinedconsole.log(grade(10)); // 差// 使用链式三元运算符constgrade mark mark 100 ? undefined: mark 80 ? 优秀: mark 70 ? 良好: mark 60 ? 及格: mark 50 ? 不及格: 差;console.log(grade(100)); // 优秀console.log(grade(1000)); // undefinedconsole.log(grade(10)); // 差复制代码在链式调用三元运算符中我们把条件运算符链接到每个级别的三元运算符中的第三个操作数里但是对于初级程序员来说这样的做法不仅不能提高代码的可读性反而会适得其反。所以当我们遇见更加复杂的选择代码时我们还是建议使用更加繁琐的if/else if/else来保存代码的可读性。结论在比较简单的选择结构时运用我们的三元运算符确实可以提升我们的代码的可读性以及简洁性编写代码时也更快但是如果是复杂的选择结构时运用链式三元运算符不仅不会提高代码的可读性反而会适得其反。所以合理的选择使用三元运算符很重要大厂面试题分享 面试题库前后端面试题库 面试必备 推荐★★★★★地址前端面试题库
