Question

我不知道这是我对jQuery的一点了解还是仅仅是一个bug，但这就是发生的情况。我有这小段JSON代码

{
    "planes":[
        {
            "id":1,
            "name":"Boeing 767-300",
            "height":54.9 ,
            "wingspan":47.6, 
            "vel": 851,
            "vel max":913,
            "plane width":283.3,
            "weight":86070, 
            "full weight":158760, 
            "passengers":{
                "1 class":350,
                "2 class":269,
                "3 class":218
            },
            "fuel tank":90.625,
            "engine":"2 turbofan General Electric CF6-80C2"
        },
        {
            "id":2,
            "name":"Boeing 737-800",
            "height":33.4 ,
            "wingspan":35.8, 
            "vel": 840,
            "vel max":945,
            "plane width":105.44,
            "weight":32704, 
            "full weight":56472, 
            "passengers":{
                "1 class":189
            },
            "fuel tank":90.625,
            "engine":"2 turbofan CFM56-3C1"
        }
    ]
}

然后我将它与jQuery的getJSON一起使用，没有任何缺陷。然后，我需要两个单独的数组：一个保存键，另一个保存值，而Object.keys和Object.values仍然没有问题。通过将结果记录在单个字符串中，一切都很好。直到我尝试使用键作为索引和值作为数据构造一个关联数组。通过记录结果，我得到了一个额外的“长度”索引，其值为“ 0”。这是我的jQuery代码

var arr=[];
$.getJSON("js/jsondata.json", function(data){
    var keys= Object.keys(data.planes[0]);
    var values= Object.values(data.planes[0]);
//im only testing on the first object, for now

    $.each(keys, function(i){
//creating the associative index and assigning the value
        arr[keys[i]]= values[i];
        console.log("Key: "+ keys[i]+", Value: "+values[i]);
//this logs the exact values and indexes
    });
    console.log(arr);
//this logs an extra "length" 0
});

Answer 1

您真正要使用的是key-value对象，而不是数组。因此，您至少要有以下选择：

实际上，数组是对象，您将能够附加/添加新属性，但是，这类对象具有预定义的原型和属性。这些属性之一是length。原因是，您获得了“意外”属性length。

将此var arr = [];更改为此var arr = {};。
将此var arr = [];更改为此var arr = Object.create(null);。

向对象数组添加属性

let arr = [2];
arr['myKey'] = 'EleFromStack';

console.log(arr.myKey);
console.log(arr.length); // 1 cause length is part of Array type.

向key-value对象添加属性

let arr = {}; // Object.create(null);
arr['myKey'] = 'EleFromStack';

console.log(arr.myKey);
console.log(arr.length); // undefined cause length is not part of the Object type.

Answer 2

最大的问题是，JavaScript中没有像关联数组这样的野兽。所有数组必须具有编号索引。将所需的方式与对象相关联。

因此，您只需将planes数组中的第一个平面分配给一个变量，并保留原始关联即可，而不是对其进行迭代。

您是否有特定原因要尝试以这种方式将对象分解并重新组装为数组？

jQuery处理数组不当：length = 0错误？

2 个答案: