定義這么一個(gè)js的“關(guān)聯(lián)數(shù)組”:
var arr = new Array();
arr['school'] = 1;
arr['team'] = 2;
alert(JSON.stringify(arr));
得到的結(jié)果如圖:
為什么會(huì)這樣?實(shí)在不知道為什么了,但是通過(guò):
alert(arr.school);
這種方法可以取到值,這樣看是存在的,但是好像又不存在,實(shí)在搞不懂
用對(duì)象的方式就正常轉(zhuǎn)換:
var obj = {
school: 1,
team : 2
}
alert(JSON.stringify(obj));
如果說(shuō)js不支持這種關(guān)聯(lián)數(shù)組的形式但為什么可以取值呢?能取到值但為什么轉(zhuǎn)成json字符串就什么也沒(méi)有了呢?
一句話,你的 arr 是有兩個(gè)屬性的空數(shù)組,數(shù)組轉(zhuǎn)字符串當(dāng)然是展示數(shù)組的內(nèi)容,不會(huì)去遍歷數(shù)組的屬性!下面解釋:
js不支持這種關(guān)聯(lián)數(shù)組的形式但為什么可以取值呢?
因?yàn)閿?shù)組本身也是對(duì)象,特殊的對(duì)象,
var arr = new Array();
arr['school'] = 1;
arr['team'] = 2;
從對(duì)象的角度來(lái)看,你只是給 arr 對(duì)象增加了兩個(gè)屬性,那么你取值,實(shí)際上是讀取屬性,當(dāng)然是可以取到的的;你給 arr 增加值了么?沒(méi)有!這個(gè)地方,arr 的 length 還是 0 ,也就是說(shuō),arr 還是 [] 空數(shù)組,那么你用 JSON.stringify() 顯示的當(dāng)然是 []
能取到值但為什么轉(zhuǎn)成json字符串就什么也沒(méi)有了呢?
能取到值是因?yàn)槟闳〉氖菍傩?,?shù)組作為對(duì)象,當(dāng)然可以設(shè)置讀取屬性;
轉(zhuǎn)JSON什么都沒(méi)有,因?yàn)?arr 是空數(shù)組呀,所以取到的值肯定是 [];
引申,其實(shí)數(shù)組作為特殊的對(duì)象,他的 index,本身也是他的屬性,計(jì)算在length里面,你設(shè)置的 school,team 也是屬性,不算在length里,通常遍歷的時(shí)候,都是按照 index 遍歷的,屬性不遍歷,如果你設(shè)置 index 的屬性,默認(rèn)就是設(shè)置了數(shù)組中的項(xiàng)了,比如你上面的代碼改下,就是不同的結(jié)果:
其實(shí)這個(gè)我感覺(jué)不算錯(cuò)只能說(shuō)不符合規(guī)范Array
繼承自Object
所以可以以對(duì)象的形式操作 以對(duì)象形式設(shè)置的值也可以通過(guò)for...in
遍歷出
只不過(guò)是JSON.stringify
遍歷數(shù)組的時(shí)候應(yīng)該做了判斷用for循環(huán)遍歷下標(biāo)的方式
關(guān)于可枚舉和可迭代在MDN,for...o
f中有下面代碼
Object.prototype.objCustom = function() {};
Array.prototype.arrCustom = function() {};
let iterable = [3, 5, 7];
iterable.foo = 'hello';
for (let i in iterable) {
console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom"
}
for (let i in iterable) {
if (iterable.hasOwnProperty(i)) {
console.log(i); // logs 0, 1, 2, "foo"
}
}
for (let i of iterable) {
console.log(i); // logs 3, 5, 7
}
因?yàn)?code>JSON.stringify處理數(shù)組對(duì)象的時(shí)候不是枚舉而是遍歷,就是按照 0
到 length - 1
的順序處理,而處理{}
對(duì)象的時(shí)候,是用枚舉把對(duì)象的可枚舉屬性都處理一次。
就是
for(var i = 0; i < arr.length; i++) {}
和
for(var i in obj) {}
的區(qū)別
詳細(xì)可以看看MDN上關(guān)于JSON 的 Polyfill
序列化數(shù)組的時(shí)候是這樣操作的
// ...
else if (isArray(value)) {
var res = '[';
for (var i = 0; i < value.length; i++)
res += (i ? ', ' : '') + stringify(value[i]);
// ...
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團(tuán)創(chuàng)建于1999年,經(jīng)過(guò)二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機(jī)構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團(tuán),成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。