js數組與對象的區別

數組和對象兩者都可以用來表示數據的集合，曾一度搞不清楚”數組”(array)和”對象”(object)的根本區別在哪里。

有一個數組a=[1,2,3,4]，還有一個對象a={0:1,1:2,2:3,3:4}，然后你運行alert(a[1])，兩種情況下的運行結果是相同的！這就是說，數據集合既可以用數組表示，也可以用對象表示，那么我到底該用哪一種呢？

我后來才知道，數組表示 有序數據的集合，而對象表示 無序數據的集合。如果數據的順序很重要，就用數組，否則就用對象。

數組和對象的另一個區別是，數組的數據沒有” 名稱”（name），對象的數據有”名稱”（name）。

當然，兩者可以相互轉換，不過似乎，不太簡單。

比如數組:

var scoreObject = {
"Tony": {
"Math": 95,
"English": 79,
"Music": 68
}, 
"Simon": {
"Math": 100,
"English": 95,
"Music": 98
}, 
"Annie": {
"Math": 54,
"English": 65,
"Music": 88
}
}　　

轉成格式：

var scoreArray = [
    ["Tony", 95, 79, 68],
    ……
];

代碼如下：

var arr6=[];
for(var i in scoreObject){ //第一次使用這種for循環，這里i並不是i=1,i=2,i=3....這種數字，而是i=Tony，i=Simon，i=Annie
    var arr7=[];
    arr7.push(i);
    for(var j in scoreObject[i]){ //同理這里的for循環里的 j 也不是 1,2,3.。。
        arr7.push(scoreObject[i][j]);
    }
    arr6.push(arr7);
}
console.log(arr6);

 

另數組轉對象

// 數組轉對象
        let arr2 = [{
            name: 'dr',
            ct: 'dr001'
        },
        {
            name: 'ljy',
            ct: 'ljy002'
        }]
        let obj2 = {}
        arr2.forEach(item => {
            obj2[item.name] = item.ct
        })

        console.log('obj2', JSON.stringify(obj2, null, 2));
//         obj2 {
//   "dr": "dr001",
//   "ljy": "ljy002"
// }
        console.log(obj2);

// {dr: "dr001", ljy: "ljy002"}

另一個小tip

var a=[1,2,3,4];

 

a['foo']=’Hello World’;

 

alert(a.length);

 

最后的結果是4，也就是說，數組a的元素個數是4個。