JavaScript运算符

　　运算符，通常是容易被忽略的一个内容，但是一些比较古怪的语法现象仍然可能需要用到运算符的结合率或者其作用来进行解释，JavaScript中，运算符是一定需要注意的地方，有很多具有JS编程经验的人仍然免不了被搞得晕头转向。

中括号运算符([])

[]运算符可用在数组对象和对象上，从数组中按下标取值：

 

var array = ["one", "two", "three", "four"];
array[0]

 

 

而[]同样可以作用于对象，一般而言，对象中的属性的值是通过点(.)运算符来取值，如：

var object = {
    field : "self",
    printInfo : function(){
       print(this.field);
    }
}
 
object.field;
object.printInfo();

 

 

但是考虑到这样一种情况，我们在遍历一个对象的时候，对其中的属性的键(key)是一无所知的，我们怎么通过点(.)来访问呢？这时候我们就可以使用[]运算符：

for(var key in object){
    print(key + ":" + object[key]);
}

 

 

运行结果如下：

field:slef
printInfo:function (){
       print(this.field);
}

 

 点运算符(.)

　　点运算符的左边为一个对象(属性的集合)，右边为属性名，应该注意的是右边的值除了作为左边的对象的属性外，同时还可能是它自己的右边的值的对象：

 

var object = {
    field : "self",
    printInfo : function(){
       print(this.field);
    },
    outter:{
       inner : "inner text",
       printInnerText : function(){
           print(this.inner);
       }
    }
}
 
object.outter.printInnerText();

这个例子中，outter作为object的属性，同时又是printInnerText()的对象。

  == 和 === 以及 != 和 !==

运算符==读作相等，而运算符===则读作等同。这两种运算符操作都是在JavaScript代码中经常见到的，但是意义则不完全相同，简而言之，相等操作符会对两边的操作数做类型转换，而等同则不会。我们还是通过例子来说明：  

 

 1 print(1 == true);
print(1 === true);
print("" == false);
print("" === false);
 
print(null == undefined);
print(null === undefined);

运行结果：

true
 false
 true
 false
 true
 false

 

 

 

相等和等同运算符的规则分别如下：

 

相等运算符

如果操作数具有相同的类型，则判断其等同性，如果两个操作数的值相等，则返回true(相等)，否则返回false(不相等).

如果操作数的类型不同，则按照这样的情况来判断：

l  null和undefined相等

l  其中一个是数字，另一个是字符串，则将字符串转换为数字，在做比较

l  其中一个是true，先转换成1(false则转换为0)在做比较

l  如果一个值是对象，另一个是数字/字符串，则将对象转换为原始值(通过toString()或者valueOf()方法)

l  其他情况，则直接返回false

 

等同运算符

如果操作数的类型不同，则不进行值的判断，直接返回false

如果操作数的类型相同，分下列情况来判断：

l  都是数字的情况，如果值相同，则两者等同(有一个例外，就是NaN，NaN与其本身也不相等)，否则不等同

l  都是字符串的情况，与其他程序设计语言一样，如果串的值不等，则不等同，否则等同

l  都是布尔值，且值均为true/false，则等同，否则不等同

l  如果两个操作数引用同一个对象(数组，函数)，则两者完全等同，否则不等同

l  如果两个操作数均为null/undefined，则等同，否则不等同

 

var obj = {
    id : "self",
    name : "object"
};
 
 var oa = obj;
 var ob = obj;
 
print(oa == ob);
print(oa === ob);

 

会返回：

true
true

 

再来看一个对象的例子：

var obj1 = {
    id : "self",
    name : "object",
    toString : function(){
       return "object 1";
    }
}
 
var obj2 = "object 1";
 
print(obj1 == obj2);
print(obj1 === obj2);

 

 

返回值为： true false

obj1是一个对象，而obj2是一个结构与之完全不同的字符串，而如果用相等操作符来判断，则两者是完全相同的，因为obj1重载了顶层对象的toString()方法。

而!=不等和!==不等同，则与==/!==相反。因此，在JavaScript中，使用相等/等同，不等/不等同的时候，一定要注意类型的转换，这里推荐使用等同/不等同来进行判断，这样可以避免一些难以调试的bug。