码迷,mamicode.com
首页 > Web开发 > 详细

js中“||”和“&&”的高级用法

时间:2017-06-11 21:21:54      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:top   segment   att   用法   size   div   font   post   aaa   

 

例1:用于赋值

&&:从左往右依次判断,当当前值为true则继续,为false则返回此值(是返回未转换为布尔值时的原值哦)
|| : 从左往右依次判断,当当前值为false则继续,为true则返回此值(是返回未转换为布尔值时的原值哦)

// => aaa
var attr = true && 4 && "aaa";

// => 0
var attr = true && 0 && "aaa";

// => 100
var attr = 100 || 12;

// => e
var attr = "e" || "hahaha"

// => hahaha
var attr = "" || "hahaha"

例2 经过多次判断的赋值

/*
x>=15时 => 4
x>=12时 => 3
x>=10时 => 2
x>=5时 => 1
x<5时 => 0
*/
console.log((x>=15 && 4) || (x>=12 && 3) || (x>=10 && 2) || (x>=5 && 1) || 0);

例3 与对象形式的变量合体

/*
x=15 时 => 4
x=12 时 => 3
x=10 时 => 2
x=5 时 => 1
其它 => 0
*/
console.log( {‘5‘:1,‘10‘:2,‘12‘:3,‘15‘:4}[x] || 0 );

例4 用于执行语句

if(a >=5){alert("你好");}
//可以写成: 
a >= 5 && alert("你好");

 

js中“||”和“&&”的高级用法

标签:top   segment   att   用法   size   div   font   post   aaa   

原文地址:http://www.cnblogs.com/Hale-Proh/p/6986216.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!