如何使用 Javascript 访问命名为 JSON 的数组

Question

我从 API 得到一个 JSON 数组。返回的数据被写入控制台：

console.log(` data [${data}] `);

打印：

{
    "aaData": [
        {                
            "create_date": "1/30/2023 07:43 AM",
            "description": "0800",
            "override_user_id": -1,
            "type": 1,
            "user_id": 32,
            "user_type": 0
        },
        {                
            "create_date": "1/30/2023 09:43 AM",
            "description": "1000",                
            "override_user_id": -1,                
            "type": 1,
            "user_id": 32,
            "user_type": 0
        },
        {                
            "create_date": "1/30/2023 11:43 AM",
            "description": "1200",                
            "override_user_id": -1,                
            "type": 1,
            "user_id": 32,
            "user_type": 0
        },
        {                
            "create_date": "1/30/2023 01:43 PM",
            "description": "1400",                
            "override_user_id": -1,
            "type": 1,
            "user_id": 32,
            "user_type": 0
        }
    ]
}

我在期待什么。 但是如果我检查长度（期望长度为 4 ）

console.log(`data [${data.length}] `);

我得到：

data [607]

这对我来说没有意义。 此外，如果我将命名数组写入控制台

console.log(` data [${data.aaData}] `);

我得到：

data [undefined]

而且，如果我尝试访问数组中对象的属性，我会得到每个对象的未定义属性。

console.log( description = [${data.aaData[i].description}] );

我得到

description = [undefined]

data是从 JQuery ajax 调用返回的变量

success: function (data) {
...

鉴于它直接打印到控制台而无需对其进行字符串化，返回的数据应该是stringfy object 的字符串版本。但是，如果我申请

console.log(` data[${JSON.parse(data)}] `);

显示

data [undefined]

我在这里不明白什么？

Answer 1

看起来data是一个string ，因此data.length将返回字符串的长度，在您的情况下为 607。 要将数据转换为 JSON，请将dataType: 'json'添加到$.ajax()选项中，如下所示：

$.ajax({
    ...
    dataType: 'json',
    success: function (data) {
        console.log(data)
    }
});