饥人谷技术博客程序员Web前端之路

系统学习 JavaScript 的笔记【2】

2017-03-11  本文已影响83人  庄元丰

JavaScript 的操作符

一元操作符

1.递增递减操作符

// 自加运算符
var ad = 3;
++ad;           //自加运算符放在变量前面,则是先加 1 再进行下一步
alert(ad);      //此时输出的是 ad = 4
alert(ad++);    //放在后边则是先进行下一步再加 1 ,此时输出的是 4 
alert(ad);      //此时输出的是5

// 自减运算符
var de = 5;
--de;           //先减 1 再进行下一步
alert(de);      //此时输出的是 ad = 4
alert(de--);    //放在后边则是先进行下一步再减 1 ,此时输出的是 4 
alert(de);      //此时输出的是3

2.一元加和一元减的操作符

//一元加
var a = 1;
a = +a;                   //输出的还是 1 
var b = 1.1;
b = +b;                   //输出的是 1.1
var c = "1";
c = +c;                   //转换成数值1
var d = "1.1";
d = +d;                   //转换成数值1.1
var e = "01";
e = +e;                   //转换成数值1
var f = "abc";
f = +f;                   //输出的是NaN
var g  = true;
g = +g;                   //输出的是1
//一元减
var a = 1;
a = -a;                   //输出的是 -1 
var b = 1.1;
b = -b;                   //输出的是 -1.1
var c = "1";
c = -c;                   //转换成数值 -1
var d = "1.1";
d = -d;                   //转换成数值 -1.1
var e = "01";
e = -e;                   //转换成数值 -1
var f = "abc";
f = -f;                   //输出的是NaN
var g  = true;
g = -g;                   //输出的是-1

3.逻辑非

// 逻辑非是一个 ! ,他的输出结果是布尔型,但是与真实返回值相反
// 如果想要获取变量的布尔值,可以用  !! 来实现
alert(!1);        //输出false
alert(!"abc");    //输出false
alert(!"");       //输出true
alert(!true);     //输出false
alert(!NaN);      //输出true

4.逻辑与

//逻辑与就是 && 
//如果第一个是 false,那么第二个就不会再进行下去了
//如果第一个是 true,而第二个如果出错了(不是 false),那么程序将会停止
//操作数如果有一个是 null ,那么无论如何都会返回 null
//操作数如果有一个是 NaN ,那么无论如何都会返回 NaN
//操作数如果有一个是 undefined ,那么无论如何都会返回 undefined

5.逻辑或

//逻辑与就是 || 
//如果第一个是 false,那么进行检验第二个
//如果第一个是 true,而第二个如果出错了(不是 false),那么程序将会继续
//如果第一个是 false,而第二个如果出错了(不是 false),那么程序将会终止
//操作数如果有一个是 null ,那么无论如何都会返回 null
//操作数如果有一个是 NaN ,那么无论如何都会返回 NaN
//操作数如果有一个是 undefined ,那么无论如何都会返回 undefined

6.乘法,除法,求模,加法,减法操作

var n1 = 1 * 2;    //乘法操作
var n2 = 20 / 2;   //除法操作(不取整,保留小数)
var n3 = 20 % 3    //求模运算
var n4 = 1 + 2;    //加法操作
var n5 = 1 - 2;    //减法操作

7.关系操作符

var a1 = 1 > 2         // 返回 false
var a2 = 1 < 2         // 返回 true
var a3 = "1" > 2       // 返回 false,字符串与整数比较时会先变成整数在比较
var a4 = (5 == 3)      //相等操作符,返回false
var a5 = ("1" == 1)    //返回的是true,“1” 会被转换成 1 再进行比较
var a6 = ("1" === 1)   //全等操作符,返回false,是两个操作数在没有最原始的状态下比较的结果

8.条件操作符

var a = (1 < 2) ? 1 : 2;
/*解释一下,这命令的意思是括号内的结果如果是 true ,那么会把
1 赋给 a ,如果是 false 那么会把 2 赋给 a */

9.赋值操作符

var a = 1;      // 这个 = 就是赋值操作符
<!--我们常见的符合赋值操作符有以下几种 -->
var num1 = 1;
var num1 += 1;       // 加/赋值
var num2 = 1;
var num2 -= 1 ;      // 减/赋值
var num3 = 1;
var num3 *= 1;       // 乘/赋值
var num4 = 1;
var num4 /= 1;       // 除/赋值
var num5 = 1;
var num5 %= 1;       // 模/赋值
上一篇下一篇

猜你喜欢

热点阅读