三目运算符与if-else的区别以及使用场景

哥的冷酷

于 2023-03-25 10:23:25 发布

阅读量598

点赞数 9

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript 前端开发语言

本文链接：https://blog.youkuaiyun.com/zxc123401/article/details/129763480

javascript 专栏收录该内容

1 篇文章

订阅专栏

文章探讨了在JavaScript中，if-else语句与三目运算符在实现简单条件比较时的差异。对于基础的比较操作，两者都能完成，但三目运算符更简洁。然而，当涉及复杂的逻辑判断和多行代码执行时，if-else结构更为适合。因此，选择使用哪种取决于具体需求的复杂程度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
//需求:输入两个数进行比较大小 简单情况
let num1 = +prompt('请输入第一个数')
let num2 = +prompt('请输入第二个数')

//使用if实现
if(num1>num2){
    console.log(num1)
}else{
    console.log(num2)
}

//使用三目运算符实现
console.log(num1 > num2?num1:num2)

//复杂情况 当条件成立时，实现代码1，代码2，代码3... 反之实现代码4,代码5，代码6

if(条件) {
/* 代码1...
 代码2...
 代码3...
*/
}else {
/*
 代码4...
 代码5...
 代码6...
*/
}

//此类情况 使用三目运算符难以实现
</script>

从代码可以看出在实现该相同的功能时，if-else比三目运算符要相对复杂一些。但是是因为该功能相对比较简单，而在实际开发中，更多的需求可能是一个条件成立时要实现一个完整的功能，这时候使用三目运算符便难以完成。

总结：if-else和三目运算符的功能基本相同，但是使用的场景略有区别。逻辑判断来完成简单功能时，三目运算符更合适。而逻辑判断来完成复杂功能时，if-else更合适。