數(shù)據(jù)類型對象

Half 發(fā)布于2019-08-26 10:20 / 2851人閱讀

摘要：此時(shí)，如果取消某一個變量對于原對象的引用，不會影響到另一個變量。因?yàn)閳A括號的里面，只能是表達(dá)式，所以確保大括號只能解釋為對象。

具體來說，如果一個屬性的enumerable為false，下面三個操作不會取到該屬性。

for..in循環(huán) 可繼承
Object.keys方法不可
JSON.stringify方法不可
object.getpropertynames都可以遍歷不可繼承

概述
生成方法
鍵名
對象的引用
表達(dá)式還是語句？加（）里都是表達(dá)式不加為語句
屬性的操作
屬性的讀取
屬性的賦值
屬性的查看
屬性的刪除：delete 命令
屬性是否存在：in 運(yùn)算符
屬性的遍歷：for...in 循環(huán)
with 語句
參考鏈接

1.概述
1.1生成方法
對象就是一組“鍵值對”（key-value）的集合，是一種無序的復(fù)合數(shù)據(jù)集合。

1.2鍵名
1.2.1對象的所有鍵名都是字符串（ES6 又引入了 Symbol 值也可以作為鍵名），所以加不加引號都可以
1.2.2對象的所有鍵名都是字符串（ES6 又引入了 Symbol 值也可以作為鍵名），所以加不加引號都可以
var obj = {
1: "a",
3.2: "b",
1e2: true,
1e-2: true,
.234: true,
0xFF: true
};

obj
// Object {
// 1: "a",
// 3.2: "b",
// 100: true,
// 0.01: true,
// 0.234: true,
// 255: true
// }

obj["100"] // true

1.2.3如果鍵名不符合標(biāo)識名的條件（比如第一個字符為數(shù)字，或者含有空格或運(yùn)算符），且也不是數(shù)字，則必須加上引號，否則會報(bào)錯

1.3對象的引用

拷貝的是內(nèi)存地址，指向同一個
如果不同的變量名指向同一個對象，那么它們都是這個對象的引用，也就是說指向同一個內(nèi)存地址。修改其中一個變量，會影響到其他所有變量。

此時(shí)，如果取消某一個變量對于原對象的引用，不會影響到另一個變量。

var o1 = {};
var o2 = o1;

o1 = 1;
o2 // {}
上面代碼中，o1和o2指向同一個對象，然后o1的值變?yōu)?，這時(shí)不會對o2產(chǎn)生影響，o2還是指向原來的那個對象。

但是，這種引用只局限于對象，如果兩個變量指向同一個原始類型的值。那么，變量這時(shí)都是值的拷貝。

var x = 1;
var y = x;

x = 2;
y // 1
上面的代碼中，當(dāng)x的值發(fā)生變化后，y的值并不變，這就表示y和x并不是指向同一個內(nèi)存地址。
1.4表達(dá)式還是語句？

如果要解釋為對象，最好在大括號前加上圓括號。因?yàn)閳A括號的里面，只能是表達(dá)式，所以確保大括號只能解釋為對象。

({ foo: 123 }) // 正確
({ console.log(123) }) // 報(bào)錯
這種差異在eval語句（作用是對字符串求值）中反映得最明顯。

eval("{foo: 123}") // 123
eval("({foo: 123})") // {foo: 123

2.屬性的操作
2.1屬性的讀取

obj.p
obj["p"]

2.1.1如果使用方括號運(yùn)算符，鍵名必須放在引號里面，否則會被當(dāng)作變量處理。

var foo = "bar";

var obj = {
foo: 1,
bar: 2
};

obj.foo // 1
obj[foo] // 2

2.1.2方括號運(yùn)算符內(nèi)部還可以使用表達(dá)式。

obj["hello" + " world"]
obj[3 + 3]
2.1.3數(shù)字鍵可以不加引號，因?yàn)闀詣愚D(zhuǎn)成字符串。注意，數(shù)值鍵名不能使用點(diǎn)運(yùn)算符（因?yàn)闀划?dāng)成小數(shù)點(diǎn)），只能使用方括號運(yùn)算符

var obj = {
0.7: "Hello World"
};

obj["0.7"] // "Hello World"
obj[0.7] // "Hello World"

2.2屬性的賦值
2.3屬性的查看
查看一個對象本身的所有屬性，可以使用Object.keys方法。
不可遍歷不可遍歷的

2.4屬性的刪除：delete 命令

返回真假
刪除一個不存在的屬性，delete不報(bào)錯，而且返回true
刪除一個construct不可的為假

delete命令只能刪除對象本身的屬性，無法刪除繼承的屬性（關(guān)于繼承參見《面向?qū)ο缶幊獭氛鹿?jié)）。

var obj = {};
delete obj.toString // true
obj.toString // function toString() { [native code] }
2.5屬性是否存在：in 運(yùn)算符
可以繼承的無關(guān)遍歷在不在而已
這時(shí)，可以使用對象的hasOwnProperty方法判斷一下，是否為對象自身的屬性。

var obj = {};
if ("toString" in obj) {
console.log(obj.hasOwnProperty("toString")) // false
}

2.6屬性的遍歷：for...in 循環(huán)

跳過不可遍歷可以繼承

舉例來說，對象都繼承了toString屬性，但是for...in循環(huán)不會遍歷到這個屬性。

var obj = {};

// toString 屬性是存在的
obj.toString // toString() { [native code] }

for (var p in obj) {
console.log(p);
} // 沒有任何輸出
上面代碼中，對象obj繼承了toString屬性，該屬性不會被for...in循環(huán)遍歷到，因?yàn)樗J(rèn)是“不可遍歷”的

如果繼承的屬性是可遍歷的，那么就會被for...in循環(huán)遍歷到。但是，一般情況下，都是只想遍歷對象自身的屬性，所以使用for...in的時(shí)候，應(yīng)該結(jié)合使用hasOwnProperty方法，在循環(huán)內(nèi)部判斷一下，某個屬性是否為對象自身的屬性。

var person = { name: "老張" };

for (var key in person) {
if (person.hasOwnProperty(key)) {

console.log(key);

}
}
// name

3.with 語句
里面必須是已有的屬性，否則為全局變量
with (對象) {
語句;
}
它的作用是操作同一個對象的多個屬性時(shí)，提供一些書寫的方便

// 例一
var obj = {
p1: 1,
p2: 2,
};
with (obj) {
p1 = 4;
p2 = 5;
}
// 等同于
obj.p1 = 4;
obj.p2 = 5;

// 例二
with (document.links[0]){
console.log(href);
console.log(title);
console.log(style);
}
// 等同于
console.log(document.links[0].href);
console.log(document.links[0].title);
console.log(document.links[0].style

var obj = {};
with (obj) {
p1 = 4;
p2 = 5;
}

obj.p1 // undefined
p1 // 4

一個很大的弊病，就是綁定對象不明確，只能運(yùn)營時(shí)判斷，拖慢運(yùn)行速度

不要使用with語句，可以考慮用一個臨時(shí)變量代替with。

with(obj1.obj2.obj3) {
console.log(p1 + p2);
}

// 可以寫成
var temp = obj1.obj2.obj3;
console.log(temp.p1 + temp.p2);