Question

我正在读取json文件，但似乎无法找到一种方法来迭代或循环数据并获取子项。

我已经尝试过for循环，.keys（），foreach以及其他有关如何遍历数据的示例。

这是json的示例。我出于隐私目的修改了一些数据

{
    "day_ordered_data": {
        "1": [
            {
                "study": "1234567890",
                "barcode_uploaded": "1234567890",
                "barcode_scanned": "1234567890",
                "receipt_date": "1234567890",
                "day_num": 1,
                "sample_type": "Blood"
            },
            {
                "study": "0987654321",
                "barcode_uploaded": "0987654321",
                "barcode_scanned": "0987654321",
                "receipt_date": "0987654321",
                "day_num": 1,
                "sample_type": "Blood"
            },
            {
                "study": "6789012345",
                "barcode_uploaded": "6789012345",
                "barcode_scanned": "6789012345",
                "receipt_date": "6789012345",
                "day_num": 1,
                "sample_type": "WB for DNA"
            }
        ]
    }
}

我设法通过创建一系列预期的天数来弄清楚如何获取“天”数据。我过去几天尝试做的所有循环都失败了。我得到的错误数据不是数组或字符串。

console.log现在可以打印出正确的数据，但是我不知道如何获取始终告诉我data [day] .day_num的子字段。

import { Injectable } from '@angular/core';
import accessioningAnalyticsDataNC from '../../assets/data/Accessioning-Analytics-Data.json';

@Injectable({
    providedIn: 'root'
})

export class AnalyticsAccessioningDataService {
    private dataMap = new Map();
    days30: string[];

    constructor() {
        this.days30 = ['29', '28', '27', '26', '25', '24', '23', '22',
            '21', '20', '19', '18', '17', '16', '15', '14', '13', '12', '11',
            '10', '9', '8', '7', '6', '5', '4', '3', '2', '1', '0'];
    }

    public getData() {
        console.log('AnalyticsAccessioningDataService: getData');

        const data = accessioningAnalyticsDataNC.day_ordered_data;

        for (const day of this.days30) {
            console.log(data[day]);
        }
    }

    public getDataByType(type: string) {
        let data: any;

        if (this.dataMap.has(type)) {
            data = this.dataMap.get(type);
        }

        return data;
    }
}

我需要找到一种方法来遍历数据，这样我就不需要知道日子，哪种sample_type和进行哪些研究了。

更新为第一个答案：

const data = accessioningAnalyticsDataNC.day_ordered_data;

for(let i of data){
}

这将返回：

ERROR in src/app/services/analytics-accessioning-data.service.ts(25,22): error TS2495: Type '{ "1": { "study": string; "barcode_uploaded": string; "barcode_scanned": string; "receipt_date": string;
"day_num": number; "sample_type": string; }[]; ...' is not an array type or a string type.```

Answer 1

就我而言，可能会发生的事情是您存储的是天数组，而这正是您所引用的。

这是您想要获得的： day_ordered_data>天> day_num

但这是JSON的结构： day_ordered_data>天数组“ 1”>天> day_num

您可以尝试执行以下操作：console.log（data [1] [day]）。

希望我能对您有所帮助。

Answer 2

感谢@Pipimi将我指向正确的方向。已更改

const data = accessioningAnalyticsDataNC.day_ordered_data;

到

const data = accessioningAnalyticsDataNC['day_ordered_data'];

在for循环中添加

if (data[day] !== undefined) {
    console.log(data[day]);
    for (const i of data[day]) {
        this.dayItem = i;
        console.log(day + ' ' + this.dayItem.barcode_scanned + ' ' + this.dayItem.day_num + ' ' + this.dayItem.sample_type);
    }
}

工作代码。

const data = accessioningAnalyticsDataNC['day_ordered_data'];
console.log(data);

for (const day of this.days30) {
    console.log(day);
    if (data[day] !== undefined) {
        console.log(data[day]);
        for (const i of data[day]) {
            this.dayItem = i;
            console.log(day + ' ' + this.dayItem.barcode_scanned + ' ' + this.dayItem.day_num + ' ' + this.dayItem.sample_type);
        }
    }
}

无法从文件获取json数据

2 个答案: