深入javascript： in 和 delete 運算子

標籤：

一、in操作符
1.定義

如果指定的屬性存在於指定的對象中,則in運算子會返回true.（如果一個屬性是從原型鏈上繼承來的,in運算子也會返回true）

2.數組操作

//數組var arr = ["ben","Ben","benjamin","Benjamin"];console.log(arr);console.log(0 in arr); //trueconsole.log(2 in arr); //trueconsole.log(5 in arr); //falseconsole.log("ben" in arr); //false(必須使用索引號,而不是數組元素的值)console.log("length" in []); //trueconsole.log(length in []); //falseconsole.log("length" in ["a"]); //trueconsole.log(length in ["a"]); //true

3.內建對象

//內建對象console.log("PI" in Math);

4.自訂對象和封裝對象

//自訂對象var obj = {    "name" : "張三",    "age"  : "23"}console.log(name in obj);   //falseconsole.log("name" in obj); //true(使用引號)//運算元：右運算元必須是一個對象值,也可以是一個封裝String;對象,但不能是一個字串原始值看下面執行個體：console.log("length" in (new String("Benjamin"))); //true//console.log("length" in "Benjamin"); //TypeError: invalid ‘in‘ operand "Benjamin"

5.delete刪除和undefined賦值

//delete操作+賦值undefineddelete obj.name;console.log(obj);//Object {age: "23"} console.log("name" in obj); //falsedelete arr[1];console.log(arr);//["ben", 2: "benjamin", 3: "Benjamin"] console.log(arr.length);//4//由上看到，在數組中使用delete刪除數組元素時，並不會改變數組的長度，數組索引值和對應值保持不變obj.name = undefined;arr[0] = undefined;console.log("name" in obj);//trueconsole.log(0 in arr);//true//由上看出，如果你只是將一個屬性的值賦值為undefined,而沒有用delete刪除它,則in運算仍然會返回true.

二、delete 操作符：
1.delete 不能刪除一些對象的屬性，這些對象包括：
全域變數(global的屬性) ：隱式聲明可以被刪除，顯示聲明的不能被刪除，有DontDelete標記
內建對象：內建對象的內建屬性不能被刪除, 該屬性有DontDelete標記
原型：不能刪除一個對象從原型繼承而來的屬性，但可以從原型上直接刪掉它。

2.delete操作符跨瀏覽器問題：
雖然ECMAScript規定了對象的遍曆順序是由對象定義時屬性的書寫順序決定的.(ES5已經對遍曆機製做了調整,重新規定:屬性遍曆的順序是沒有被規定的),大部分瀏覽器都依照這個規定,先添加的屬性先被遍曆(除了從原型上繼承的屬性)(Chrome和Opera已經遵循了ES5的新規定,具體請看). 但是, 在 Internet Explorer 中, 使用 delete 刪除一個屬性後, 奇怪的事情發生了,如果被刪除的屬性重新被添加,那麼遍曆時, 該屬性的順序會是上次刪除前的那個位置，而不是出現在遍曆的最後一個.

所以,如果你想讓對象的遍曆順序相容所有的瀏覽器,那麼你可以使用兩個數組來類比(一個做為keys,一個做為 values), 或者建立一個由單一屬性的對象組成的數組。

 

深入javascript： in 和 delete 運算子