`
tomkoo
  • 浏览: 186516 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Javascript 中三元运算符的用法

    博客分类:
  • AJAX
阅读更多
一直来都对Javascript的三元运算符很迷惑,不知道究竟应该怎么用,大概是受了例如Java这样的语言的影响,总是觉得三元运算符的条件表达式必须返回Boolean类型。就是这个东西让我对Javascript的三元运算符迷惑了许久,今天终于忍受不下去了,于是自己写代码测试了一番,原来它是这样的。

三元预算表达式: Condition ? doSomething : doOtherThing ;

1. 同所有语言的三元运算一样,Javascript的三元运算同样支持Condition为Boolean类型的情况。当Condition为True的时候,执行doSomething,为False的时候执行doOtherThing。

2. 支持Condition为字符串。当Condition=“”的时候,等同于False,执行doOtherThing;当Condition!=“”的时候,等同于True,执行doSomething。

3. 支持Condition为对象。当Condition=undefined或者null的时候,等同于False,执行doOtherThing;当Condition!=undefined和null的时候,等同于True,执行doSomething。


目前我的总结就是发现了这3中使用方式,是否还有其他的使用方式还不知道。呵呵,不过就算是这样也让我减少了不少看Javascript代码时的疑惑!
分享到:
评论
4 楼 dabing69221 2013-06-29  
jianfeng008cn 写道
tomkoo 写道
一直来都对Javascript的三元运算符很迷惑,不知道究竟应该怎么用,大概是受了例如Java这样的语言的影响,总是觉得三元运算符的条件表达式必须返回Boolean类型。就是这个东西让我对Javascript的三元运算符迷惑了许久,今天终于忍受不下去了,于是自己写代码测试了一番,原来它是这样的。

三元预算表达式: Condition ? doSomething : doOtherThing ;

1. 同所有语言的三元运算一样,Javascript的三元运算同样支持Condition为Boolean类型的情况。当Condition为True的时候,执行doSomething,为False的时候执行doOtherThing。

2. 支持Condition为字符串。当Condition=“”的时候,等同于False,执行doOtherThing;当Condition!=“”的时候,等同于True,执行doSomething。

3. 支持Condition为对象。当Condition=undefined或者null的时候,等同于False,执行doOtherThing;当Condition!=undefined和null的时候,等同于True,执行doSomething。


目前我的总结就是发现了这3中使用方式,是否还有其他的使用方式还不知道。呵呵,不过就算是这样也让我减少了不少看Javascript代码时的疑惑!



这样的理解是舍本求末,你应该去看看js中各个原始类型的包装类,他们各自的特点以及相互的关系,转化的默认规则。要不,碰到同一个知识点的下一个应用,你又需要做各种实验来验证自己的建立在经验之上的想法了。


说的不错,"授人以鱼不如授人以渔"
3 楼 tomkoo 2006-09-22  
谢谢楼上两位的提点,受益匪浅!
2 楼 foxty 2006-09-21  
这些都是 javascript中的一些基础概念。本身javascript及时类型不严格的一中脚本语言 。在合适的地方,它会将自动进行类型转换 。

在三元表达式中,第一个表达式需要一个bool类型的表达式 。那么 在这里的类型都需要被转换成bool类型。undefined,null,0,""都会被转换成 false。

弄清楚了原理,理解起来就很容易了。
1 楼 jianfeng008cn 2006-09-21  
tomkoo 写道
一直来都对Javascript的三元运算符很迷惑,不知道究竟应该怎么用,大概是受了例如Java这样的语言的影响,总是觉得三元运算符的条件表达式必须返回Boolean类型。就是这个东西让我对Javascript的三元运算符迷惑了许久,今天终于忍受不下去了,于是自己写代码测试了一番,原来它是这样的。

三元预算表达式: Condition ? doSomething : doOtherThing ;

1. 同所有语言的三元运算一样,Javascript的三元运算同样支持Condition为Boolean类型的情况。当Condition为True的时候,执行doSomething,为False的时候执行doOtherThing。

2. 支持Condition为字符串。当Condition=“”的时候,等同于False,执行doOtherThing;当Condition!=“”的时候,等同于True,执行doSomething。

3. 支持Condition为对象。当Condition=undefined或者null的时候,等同于False,执行doOtherThing;当Condition!=undefined和null的时候,等同于True,执行doSomething。


目前我的总结就是发现了这3中使用方式,是否还有其他的使用方式还不知道。呵呵,不过就算是这样也让我减少了不少看Javascript代码时的疑惑!



这样的理解是舍本求末,你应该去看看js中各个原始类型的包装类,他们各自的特点以及相互的关系,转化的默认规则。要不,碰到同一个知识点的下一个应用,你又需要做各种实验来验证自己的建立在经验之上的想法了。

相关推荐

    javascript三元运算符用法实例

    三元运算符用法实例: 如名字表示的三元运算符需要三个操作数。 语法是 条件 ? 结果1 : 结果2;. 这里你把条件写在问号(?)的前面后面跟着用冒号(:)分隔的结果1和结果2。满足条件时结果1否则结果2。 代码如下: ...

    JavaScript三元运算符的多种使用技巧

    JavaScript的三元运算符...总结起来,JavaScript三元运算符在恰当使用时可以让代码更加简洁,但在使用时需要注意代码的可读性,并避免过度嵌套。了解和掌握这些使用技巧,将有助于提高JavaScript编程的效率和代码质量。

    总结javascript三元运算符知识点

    在JavaScript编程中,三元运算符是一种简洁的条件表达式写法,它是唯一一个使用三个操作数的运算符。相比传统的if...else语句,三元运算符提供了更为简洁和快速的条件赋值方式。它的基本语法是: 条件表达式 ? ...

    全面了解javascript三元运算符

    在JavaScript中,三元运算符的使用方法如下: 1. 条件判断:首先是一个逻辑判断的表达式,这个表达式可以是任何返回布尔值(true或false)的条件语句。 2. 表达式1和表达式2:分别对应条件为真时和条件为假时的结果...

    javascript运算符语法全面概述_.docx

    :`,也称为条件运算符,是JavaScript中的唯一一个三元运算符,如`条件 ? 表达式1 : 表达式2`,当条件为真时,它返回`表达式1`,否则返回`表达式2`。 运算符的优先级是决定运算顺序的关键。JavaScript的运算符分为14...

    javascript文档

    条件(三元)运算符 (?:) 根据条件执行两个表达式之一。 constructor 属性 指定创建对象的函数。 continue 语句 停止循环的当前迭代,并开始一次新的迭代。 cos 方法 返回一个数的余弦。 Date 对象 提供日期和...

    确保正确使用三元条件表达式的ESLint规则

    在JavaScript开发中,正确使用三元条件表达式(也称为三目运算符)是提高代码可读性和效率的重要方面。`eslint-plugin-proper-ternary` 是一个专门针对这一问题的ESLint插件,旨在帮助开发者遵循最佳实践,避免潜在...

    golang中为什么不存在三元运算符详解

    三元运算符通常用于简洁地表示简单的条件赋值,例如在Python、JavaScript和C/C++中的用法。但在Golang中,你无法写出如`val := expr ? trueValue : falseValue`这样的代码,因为编译器会报错,提示`?`是非法字符。 ...

    18JavaScript运算符和方法介绍

    条件运算符也被称为三元运算符,它可以根据条件的真假返回不同的值。例如,根据时间判断应该吃晚餐还是零食: ```javascript var stomach = "hungry"; var time = "5:00"; var eat = (stomach == "hungry" && time ...

    eslint-plugin-proper-ternary-源码.rar

    这些测试用例会覆盖各种代码场景,确保规则能够正确识别和处理不同的三元运算符用法。 开发自定义 ESLint 插件时,还需要遵循 ESLint 的插件开发指南,包括使用 `eslint-plugin-developer-guide` 和 `eslint-plugin...

    巧用Javascript的逻辑运算符

    JavaScript中的逻辑...此外,逻辑运算符也可以与其他语言结构(如三元运算符`condition ? expr1 : expr2`)结合使用,进一步优化代码的简洁性和可读性。因此,掌握JavaScript的逻辑运算符对于提升编程技能至关重要。

    gulp-cond:Gulp的三元运算符

    的三元运算符。 用法 首先,安装gulp-cond作为开发依赖项: npm install --save-dev gulp-cond 然后,使用它来条件化gulpfile.js管道插件: var cond = require ( 'gulp-cond' ) ; var prod = gulp . env . ...

    JavaScript中的6种运算符总结

    本文将对JavaScript中的六种基础运算符进行详细讲解,包括它们的功能和使用方法。 1. 算术运算符 算术运算符用于执行数值计算,包括加法、减法、乘法、除法和取余等操作。具体包括: - 加法(+):计算两个数值的和...

    JavaScript布尔运算符原理使用解析

    三元运算符常用于简化的条件判断,但它可能不如使用 if...else 语句来得清晰,尤其是在表达式复杂时。 在JavaScript中,理解这些布尔运算符的原理和用法对于编写高效和可读的代码至关重要。熟练掌握它们能帮助...

    JavaScript(PDF)

    这个章节将详细阐述JavaScript中的运算符,包括算术运算符、比较运算符、逻辑运算符、赋值运算符和三元运算符。还会讲解表达式的求值规则,以及如何使用这些运算符进行复杂的计算和逻辑判断。 **第四章 语句** 这一...

    javascript教程

    条件运算符(三元运算符)是JavaScript中唯一的三元运算符,它根据条件表达式的结果来决定输出哪个值。 在JavaScript中,语句是构成程序的基石。最常用的语句之一是if语句,它用于基于条件表达式的真假来执行不同的...

    javascript高级教程

    第三页的"一个if-then-else的快捷方式",指的是JavaScript中的三元运算符。三元运算符是一种简洁的条件表达式,形式为`条件 ? 表达式1 : 表达式2`,当条件为真时执行表达式1,否则执行表达式2。这种语法在编写简洁...

    javascript每日必学之运算符

    除了这些,JavaScript还有其他运算符,例如逻辑与(&&)、位运算符、条件运算符(三元运算符)等。逻辑运算符用于组合条件,位运算符则在处理二进制数据时非常有用,而条件运算符允许在一个表达式中根据条件选择不同的值...

Global site tag (gtag.js) - Google Analytics