js中的布尔运算符使用介绍

在之前我们讨论到布尔运算符 && 和 || 的时候，我说过它们的结果是布尔值。这样说起来有点过于简单化了。如果你用它们来计算布尔数据类型，它们确实会返回布尔值。但是它们也能用于计算其他的类型的数据，这种时候，返回的就将是其中的一个参数了。

或运算符“||” 真正做的事是这样的：它首先检查一下它左边的参数，如果转换成布尔类型的值后为true,那么就返回左边的参数，否则就返回右边的参数。 仔细想想当运算符两边都是布尔类型的值的时候，是不是这样的。为什么它这样运行？这样运行的结果其实非常实用。我们来看这个例子：


代码如下:

var input = prompt("What is your name?", "Kilgore Trout");
alert("Well hello " + (input || "dear"));

如果用户按“取消”或者直接关掉prompt对话框，input的值将是null或者“”。这两种情况下，转换成布尔类型的值都是false。那么这时候 input || “dear” 这个表达式的意思就是input有值的时候就得到input的值，否则就得到“dear”。这是一个很简单的提供一个默认值的方法。

与运算符 “&&” 的工作原理类似，但是与 “||” 正好相反。当它左边的参数转换成布尔类型的值为“false”的时候，它就返回那个值，否则返回右边的值。这两个操作符还有一个特点就是，只有在必要的时候，才会计算它右边的表达式的值。在“true || X” 这个表达式中，不管X是什么，结果都是true，所以X就不会被计算，如果X有其他的效果，那这个效果也不会产生。“false && X” 也是同样的道理。


代码如下:

false || alert("I'm happening!");
true || alert("Not me.");

赞 (0)

相关推荐

  • JavaScript中的boolean布尔值使用学习及相关技巧讲解

    JavaScript中的两个基础的布尔类型的值: 1.true 2.false 布尔值 true 代表"真",false 代表"假".一般关系运算符会返回布尔值的结果.另外,数值的 0.-0.特殊值的 null.NaN.undefined 以及空字符("")都会被解释为 false ,其他值则会被解释为 true . function isMonth(mon) { if ((mon >= 1) && (mon <= 1

  • JavaScript 布尔操作符解析 && || ！

    1.逻辑非 逻辑非用!表示,可以应用与ECMAScript的任何类型的值,逻辑非操作返回的是一个布尔值(true/false).该操作符首先会将它的操作数转换为一个布尔值,然后再对其求反. 下面说明下Boolean()转型函数的一组规则. 数据类型 转换为true的值 转换为false的值 Boolean true false String 任何非空字符串 ""(空字符串) Number 任何非零数字值(包括无穷大) 0和NaN Object 任何对象 null Undefined  

  • Javascript 布尔型分析

    本来我以为js的布尔型转换跟java一样,毕竟大家同一个祖宗嘛,以下是我的写法. function foo() { var temp = Boolean.valueOf('<%=javaBoolean%>'); alert(temp == false); } java变量javaBoolean是一个字符串,它的值是"false",本来我以为肯定输出true,但结果却false,真是郁闷至极. 刚刚查了一下<javascript权威指南>,才茅塞顿开.原来是这样的

  • JavaScript编程中布尔对象的基本使用

    Boolean(布尔)对象用于将非布尔值转换为布尔值(true 或者 false). 检查布尔值 检查布尔对象是 true 还是 false. 源代码示例: <!DOCTYPE html> <html> <body> ​ <script> var b1=new Boolean(0); var b2=new Boolean(1); var b3=new Boolean(""); var b4=new Boolean(null); var b

  • 总结JavaScript中布尔操作符||与&&的使用技巧

    总结JavaScript中布尔操作符||与&&的使用技巧

    你是否看到过这样的代码:a=a||""; 可能javascript初学者会对此感到茫然.今天就跟大家分享一下我的一些心得. 其实: a=a||"defaultValue"; a=a||"defaultValue"; 与: if(!a){ a="defaultValue"; } if(!a){ a="defaultValue"; } 和: if(a==null||a==""||a==und

  • Javascript基础教程之数据类型 （布尔型 Boolean）

    javascript同样有布尔型,可选值,true or fasle. 复制代码 代码如下: var marr = true ;     document.write(typeof(marr) + "<br>");     var marr = "ture";     document.write(typeof(marr) + "<br>"); 布尔值的 ture 或 fasle是两个完全不同的概念,将marr分别不同给

  • 实例解析JS布尔对象的toString()方法和valueOf()方法

    toString() 方法 把布尔值转换为字符串,并返回结果. 实例 将布尔值转换为字符串: var bool = new Boolean(1); var myvar = bool.toString(); 输出结果: true 定义和用法 toString() 方法可把一个逻辑值转换为字符串,并返回结果. 注意:当需要把Boolean对象转换成字符串的情况JavaScript会自动调用此方法. 语法 boolean.toString() 返回值 "true" 或者 "fals

  • 使用javascript:将其它类型值转换成布尔类型值的解决方法详解

    1.利用Boolean对象进行转换 复制代码 代码如下: var num123 = 123, str = 'abc', o = {name:'test'}, num0 = 0; num123 = Boolean(num123); //true num0 = Boolean(num0); //false str = Boolean(str); //true o = Boolean(o); //true 2. 利用两个'!'运算符,第一个'!'将值转换成布尔值并取其值的非值,第二个'!'将其布尔值还

  • js中的布尔运算符使用介绍

    在之前我们讨论到布尔运算符 && 和 || 的时候,我说过它们的结果是布尔值.这样说起来有点过于简单化了.如果你用它们来计算布尔数据类型,它们确实会返回布尔值.但是它们也能用于计算其他的类型的数据,这种时候,返回的就将是其中的一个参数了. 或运算符"||" 真正做的事是这样的:它首先检查一下它左边的参数,如果转换成布尔类型的值后为true,那么就返回左边的参数,否则就返回右边的参数. 仔细想想当运算符两边都是布尔类型的值的时候,是不是这样的.为什么它这样运行?这样运行的

  • js中的 || 与 && 运算符详解

    js中逻辑运算符在开发中可以算是比较常见的运算符了,主要有三种:逻辑与&&.逻辑或||和逻辑非!. 当&&和|| 连接语句时,两边的语句会转化为布尔类型(Boolean),然后再进行运算,具体的运算规则如下: 1.&& 1.1两边条件都为true时,结果才为true: 1.2如果有一个为false,结果就为false: 1.3当第一个条件为false时,就不再判断后面的条件 注意:当数值参与逻辑与运算时,结果为true,那么会返回的会是第二个为真的值:如果结

  • js中关于Blob对象的介绍与使用

    blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象,里面可以储存大量的二进制编码格式的数据. 创建blob对象 创建blob对象本质上和创建一个其他对象的方式是一样的,都是使用Blob() 的构造函数来进行创建. 构造函数接受两个参数: 第一个参数为一个数据序列,可以是任意格式的值. 第二个参数是一个包含两个属性的对象{ type: MIME的类型, endings: 决

  • JS中令人发指的valueOf方法介绍

    彭老湿近期月报里提到了valueOf方法,兴致来了翻了下ECMA5里关于valueOf方法的介绍,如下: 15.2.4.4 Object.prototype.valueOf ( ) When the valueOf method is called, the following steps are taken: 1. Let O be the result of calling ToObject passing the this value as the argument. 2. If O is

  • JS中prototype关键字的功能介绍及使用示例

    prototype 关键字可以为 JS原有对象 或者 自己创建的类 中添加方法或者属性. 也可以实现继承. 例子: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org

  • Vue.js中v-for指令的用法介绍

    Vue.js中v-for指令的用法介绍

    一.什么是v-for指令 在Vue.js中,我们可以使用v-for指令基于源数据重复渲染元素.也就是说可以使用v-for指令实现遍历功能,包括遍历数组.对象.数组对象等. 二.遍历数组 代码示例如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&quo

  • Node.js中多进程模块Cluster的介绍与使用

    前言 我们都知道nodejs最大的特点就是单进程.无阻塞运行,并且是异步事件驱动的.Nodejs的这些特性能够很好的解决一些问题,例如在服务器开发中,并发的请求处理是个大问题,阻塞式的函数会导致资源浪费和时间延迟.通过事件注册.异步函数,开发人员可以提高资源的利用率,性能也会改善.既然Node.js采用单进程.单线程模式,那么在如今多核硬件流行的环境中,单核性能出色的Nodejs如何利用多核CPU呢?创始人Ryan Dahl建议,运行多个Nodejs进程,利用某些通信机制来协调各项任务.目前,已

  • Vue.js中v-bind指令的用法介绍

    Vue.js中v-bind指令的用法介绍

    一.什么是v-bind指令 v-bind指令用于响应更新HTML特性,允许将一个或多个属性动态绑定到表达式.v-bind是应用在动态属性上面的. 二.语法 v-bind语法如下: v-bind:动态属性名称="变量" 也可以简写成下面的形式: :动态属性名称="变量" 代码示例如下: <img :src="imgUrl" :title="title" /> 这里的src和title都是<img>标签的属

  • js中的json对象详细介绍

    1.JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧.JSON是JavaScript原生格式,这意味着在JavaScript中处理JSON数据不需要任何特殊的API或工具包. JSON的规则很简单:对象是一个无序的"'名称:值'对"集合.一个对象以"{"(左括号)开始,"}"(右括号)结束.每个"名称"后跟一个":"(冒号):"'名称/值'对&qu

  • Vue.js中v-on指令的用法介绍

    v-on指令 v-on指令在Vue.js中用来绑定事件监听器.事件类型由参数指定.表达式可以是一个方法的名字或一个内联预计,如果没有修饰符也可以省略. 用在普通元素上时,只能监听原生DOM事件.用在自定义元素组件上时,也可以监听子组件触发的自定义事件. 用法: v-on:事件类型="函数体" 例如:点击按钮的时候执行play事件 <button v-on:click="play">点击事件</button> 注意: 在使用v-on指令绑定事件

随机推荐