十年专注于品牌网站建设 十年专注于品牌网站建设,低调、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

结合实例详细介绍ECMAScript 布尔操作符属性及应用技巧

百恒网络 2012-02-13 1484

ECMAScript 布尔操作符(逻辑非、逻辑与、逻辑或)

布尔操作符 在一门编程语言中,布尔操作符的重要性堪比相等操作符。如果没有测试两个值关系的能力,那么诸如if...else和循环之类的语句就不会有用武之地了。布尔操作符一共有3个:非(NOT)、与 (AND)和或(OR)。

1.逻辑非

逻辑非操作符由一个叹号(!)表示,可以应用于ECMAScript中的任何值。无论这个值是什么数据类型,这个操作符都会返回一个布尔值。逻辑非操作符首先会将它的操作数转换为一个布尔值,然后再对其求反。也就是说,逻辑非操作符遵循下列规则:

◎如果操作数是一个对象,返回false;

◎如果操作数是一个空字符串,返回七rue;

◎如果操作数是一个非空字符串,返回false;

◎如果操作数是数值0,返回true;

◎如果操作数是任意非0数值(包括Infinity),返回false;

◎如果操作数是null,返回true;

◎如果操作数是NaN,返回true;

◎如果操作数是undefined,返回true。

下面几个例子展示了应用上述规则的结果:

alert(! false); //true

alert(!"blue"); //false

alert(1 0); //true

alert(! NaN); //true

aler七(!""); //true

alert( !12345); //false

逻辑非操作符也可以用于将一个值转换为与其对应的布尔值。而同时使用两个逻辑非操作符,实际上就会模拟Bolean()转型函数的行为。其中,第一个逻辑非操作会基于无论什么操作数返回一个布尔值,而第二个逻辑非操作则对该布尔值求反,于是就得到了这个值真正对应的布尔值。当然,最终结果与对这个值使用Boolean()函数相同,如下面的例子所示:

alert(!!"blue"); //true

alert(!1 0); //false

alert(!!NaN); //false

alert(!!‘’“); //false

alert(!!12345); //true

2.逻辑与

逻辑与操作符由两个和号(&&)表示,有两个操作数,如下面的例子所示:

var result=true&&false;

逻辑与的真值表如下:

第一个操作数第二个操作数结果

truetruetrue

truefalsefalse

falsetruefalse

falsefalsefalse

南昌网页设计公司前端开发工程师小结:逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循下列规则:

◎如果第一个操作数是对象,则返回第二个操作数;

◎如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象;

◎如果两个操作数都是对象,则返回第二个操作数;

◎如果有一个操作数是null,则返回null:

◎如果有一个操作数是NaN,则退回NaN:

◎如果有一个操作数是undefined,则返回undefined。

逻辑与操作属于短路操作,即如果第一个操作数能够决定结果,那么就不会再对第二个操作数求值。对于逻辑与操作而言,如果第一个操作数是false,则无论第二个操作数是什么值,结果都不再可能是true了。来看下面的例子:

var found=true;

var result=(found&&s。meUndefinedVariable); //这里会发生错误

alert(result); //这一行不会执行

在上面的代码中,当执行逻辑与操作时会发生错误,因为变量someUndefinedVariable没有声明。由于变量found的值是true,所以逻辑与操作符会继续对变量someUndefinedVariable求值。

someUndefinedVariable尚未定义,因此就会导致错误。这说明不能在逻辑与操作中使用未定义的值。如果像下面这个例中一样,将found的值设置为false,就不会发生错误了:

var ound = true;

var result=(found&& someUndefinedVariable); //不会发错误

alert (result); //会执行("false")

在这个例子中,警告框会显示出来。无论变量someUndefinedVariable有没有定义,也永远不对它求值,因为第一个操作数的值是false。而这也就意味着逻辑与操作的结果必定是false,根本用不着再对&&右侧的操作数求值了。在使用逻辑与操作符时要始终铭记它是一个短路操作符。

3.逻辑或

逻辑或操作符由两个竖线符号(||)表示,有两个操作数,如下面的例子所示:

var result=true || false;

逻辑或的真值表如下:

第一个操作数第二个操作数结果

truetruetrue

truefalsetrue

falsetruetrue

falsefalsefalse

南昌做网站公司前端开发工程师对逻辑或进行小结:与逻辑与操作相似,如果有一个操作数不是布尔值,逻辑或也不一定返回布尔值;此时,它遵循下列规则:

◎如果第一个操作数是对象,则返回第一个操作数;

◎如果第一个操作数的求值结果为false,则返回第二个操作数;

◎如果两个操作数都是对象,则返回第一个操作数;

◎如果两个操作数都是null,则返回null;

◎如果两个操作数都是NaN,则返回NaN;

◎如果两个操作数都是unde fined,则返回undefined。

与逻辑与操作符相似,逻辑或操作符也是短路操作符。也就是说,如果第一个操作数的求值结果为true,就不会对第二个操作数求值了。下面看一个例子:

var found=true;

var result= (found || someUndefinedVariable}; //不会发生错误

alert (result); //会执行("true")

这个例子跟前面的例子一样,变量someUnde finedVariable也没有定义。但是,由于变量found的值是true.而变量someUndefinedVariable永远不会被求值,因此结果就会输出"true"。如果像下面这个例子一样,把found的值改为false.

var found = false;

var result=(found || someUndefinedVariable); //这里会发生错误

alert (result); //这一行不会执行

我们可以利用逻辑或的这一行为来避免为变量赋null或undefined值。例如:

var myObject=preferredObject || backupObject;

在这个例子中,变量myObj ect将被赋予等号后面两个值中的一个。变量preferredObject中包含优先赋给变量myObj ect的值,变量backupObj ect负责在preferredObject中不包含有效值的情况下提供后备值。如果preferredObjec七的值不是null,那么它的值将被赋给myObject;如果是null,则将backupObject的值赋给myObj ect。ECMAScript程序的赋值语句经常会使用这种模式,南昌网站建设公司百恒网络也将采用这种模式。

希望本文对广大站长或从事企业网站建设公司的团队有所帮助,如对此不太理解的,可以与南昌网络公司百恒网络技术部联系。我们很高兴与广大站长和从事企业网站建设公司技术人员分享我们的技术和经验。


400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×