JavaScript中的逻辑判断符&&、||与!介绍

 更新时间:2014年12月31日 08:57:58   投稿:junjie  
这篇文章主要介绍了JavaScript中的逻辑判断符&&、||与!介绍,本文讲解了逻辑与&&的处理规则、逻辑或||的处理规则、!操作符,需要的朋友可以参考下

与C、Java等语言一样,JavaScript中可以用&&、||、!三个逻辑判断符来对boolean值进行逻辑判断。与C、Java不同的是,JavaScript中逻辑与(&&)和逻辑或(||)操作符可以应用在任何值上,而操作结束后返回的也不一定是boolean值。

逻辑与&&的处理规则

JavaScript中&&的处理规则是这样的:

1.判断第一个值是否为Falsy。如果为Falsy,则直接返回第一个值(不一定为boolean类型)。
2.如果第一个值为Truthy,则直接返回第二个值(不一定为boolean类型)。

复制代码 代码如下:

var o = {x:1, y:2};
console.log(o && o.y);//2
console.log(null && x);//null

逻辑或||的处理规则

与&&操作符类似,JavaScript中||的处理规则是这样的:

1.判断第一个值是否为Truthy。如果为Truthy,则直接返回第一个值(不一定为boolean类型)。
2.如果第一个值为Falsy,则直接返回第二个值(不一定为boolean类型)。

||操作符的这种行为使得JavaScript中一些快捷写法成为现实:

1. 从一系列值中获取第一个Truthy值:

复制代码 代码如下:

var a = null;
var b = 42;
var v = a || b || 100;
console.log(v);//42

2. 对函数中的参数赋以默认值:
复制代码 代码如下:

function test(p){
  p = p || {};//if p is not passed, make it an empty object.
}

与&&和||不同,!操作符的行为与C、Java等语言是一致的,只返回boolean值(true或false)。

相关文章

  • JavaScript与jQuery中文档就绪函数的区别

    JavaScript与jQuery中文档就绪函数的区别

    这篇文章主要介绍了JavaScript与jQuery中文档就绪函数的区别,文章内容介绍详细,具有一的的参考价值,需要的小伙伴可以参考一下
    2022-03-03
  • UniApp开发H5接入微信登录的全过程

    UniApp开发H5接入微信登录的全过程

    uni-app是一个使用Vue.js开发跨平台应用的前端框架,下面这篇文章主要给大家介绍了关于UniApp开发H5接入微信登录的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 模仿百度三维地图的js数据分享

    模仿百度三维地图的js数据分享

    模仿百度三维地图的js数据,需要的朋友可以参考下。
    2011-05-05
  • 表单切换,用回车键替换Tab健(不支持IE)

    表单切换,用回车键替换Tab健(不支持IE)

    表单切换,用回车键替换Tab健。input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。目前不支持IE
    2011-07-07
  • JavaScript中if、else if、else和switch的语法、用法及注意事项

    JavaScript中if、else if、else和switch的语法、用法及注意事项

    这篇文章主要介绍了JavaScript中的条件判断语句,包括if、elseif、else和switch的基本语法、用法及注意事项,通过这些语句,可以根据不同的条件执行相应的代码块,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • JS+HTML5 canvas绘制验证码示例

    JS+HTML5 canvas绘制验证码示例

    这篇文章主要介绍了JS+HTML5 canvas绘制验证码,结合实例形式分析了HTML5 canvas图形绘制相关操作技巧,需要的朋友可以参考下
    2018-12-12
  • Chrome插件(扩展)开发全攻略(完整demo)

    Chrome插件(扩展)开发全攻略(完整demo)

    Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件,它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包,本文给大家分享一个Chrome插件(扩展)开发全攻略完整demo,感兴趣的朋友跟随小编一起学习下吧
    2021-05-05
  • js实现简单的网页换肤效果

    js实现简单的网页换肤效果

    本文主要分享了js实现简单的网页换肤效果的示例代码。具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • JS对文本框值的判断示例

    JS对文本框值的判断示例

    JS判断只能是数字和小数点,下面为大家介绍下使用JS对文本框值的判断,需要的朋友可以参考下
    2014-03-03
  • JavaScript利用发布订阅模式编写事件监听函数

    JavaScript利用发布订阅模式编写事件监听函数

    发布订阅是一种设计模式,EventHub可以被看作是一种Pub/Sub实现。本文就来讲讲如何利用eventHub发布订阅写一个事件监听函数,感兴趣的可以了解一下
    2023-04-04

最新评论