javascript - 从 csv 文件访问特定数据并在 html 上显示

Question

从 csv 文件访问特定数据时遇到一些问题。目前，我可以在控制台中看到所有数据，但是当我尝试显示特定数据时，该数据变得未定义。例如，在我的控制台中，我获取所有数据，我想提取字幕并将其显示在分数文本类的 html 上。

我的控制台如下所示:

subtitle 1,
name1,65%
name2,65%
name3,65%
name4,65%
total,70%
,
subtitle 2,
name1,65%
name2,65%
name3,65%
name4,65%
total,30%
,
subtitle 3,
name1,65%
name2,65%
name3,65%
name4,65%
total,60%
,
subtitle 4,
name1,65%
name2,65%
name3,65%
name4,65%
total,50%

$.ajax({
    url: 'test.csv',
    type: "GET",
    dataType: "text",
    success: function (data) {
        var rows = data.split(/\n/);
        for (var rowIndex in rows)
        {

            var columns = rows[rowIndex].split(/,/);
            for (var colIndex in columns)
            {
                var colValue = columns[colIndex].trim();

                console.log(colValue);
            }           
        }

        $(".score-text").each(function( index, value ) { 
        		value.innerHTML = result[columns[2]] = rows[2];
    		});
    }
});

Answer 1

为什么不尝试将插入部分放入循环中？

        var columns = rows[rowIndex].split(/,/);
        for (var colIndex in columns)
        {
        var colValue = columns[colIndex].trim();

        console.log(colValue);

        $(".score-text").append(colValue);

        }