js数组与对象的区别?

摘要:有一个数组a=[1,2,3,4],还有一个对象a={0:1,1:2,2:3,3:4},然后你运行alert(a[1]),两种情况下的运行结果是相同的!这就是说,数据集合既可以用数组表示,也可以用对象表示,那么我到底该用哪一种呢?

数组和对象两者都可以用来表示数据的集合,曾一度搞不清楚”数组”(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个。


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_4585