3d数组覆盖来自其他维度JS的值

Question

我似乎无法弄清楚我昨天写的这段代码做错了什么。这是我第一次使用 JavaScript，也是第一次使用 jQuery 和 Node.js，我认为这个三维数组应该可以正常工作。我看到关于多维数组是什么的令人困惑的提及，人们说 JavaScript 没有，尽管它有数组的数组。无论如何，我想我在技术上使用的是一个数组的数组，并且不明白为什么我的外部数组（我认为它是设计上的外部维度）将两个内部数组中的元素覆盖到它自己的数组中元素。两个内部数组似乎按预期工作，但最外面的数组以某种我不太了解的方式混淆了数据。

可以通过滚动浏览此代码生成的 output.json 文件来观察不一致/问题，并看到输出显然与我正在抓取的此网页上的三个表中的每一个都不匹配：

// My server.js file:
var express = require('express');
var fs      = require('fs');
var request = require('request');
var cheerio = require('cheerio');
var app         = express();

// the link below is a tutorial I was loosely following
// see http://scotch.io/tutorials/javascript/scraping-the-web-with-node-js
app.get('/scrape', function(req, res) {

    url = 'http://espn.go.com/nba/player/stats/_/id/4145/kareem-abdul-jabbar'

    request(url, function(error, response, html) {

        if(!error) {

            // utilize the Cheerio library on the returned html, yielding jQuery functionality
            var $ = cheerio.load(html);

            var numOfRows;

            var stats = [[[]]];

            for(var chart = 0; chart < 3; chart++) {

                stats.push([[]]);   // allocates space for each grid on each chart (each set of rows and columns)

                $('.tablehead').eq(chart).filter(function(){
                    var data = $(this);
                    numOfRows = data.children().length - 2;
                    for(var i = 0; i < numOfRows + 1; i++) {
                        stats[chart].push([]); // allocates space for each row in the chart
                    }
                })

                var numOfColumns;

                $('.stathead').eq(chart).filter(function(){
                    var data = $(this);
                    stats[chart][0][0] = data.children().first().text();
                })

                $('.colhead').eq(chart).filter(function(){  // first() specifies to select the first of the three occurances of this class; use eq(param) to find the Nth occurance
                    var data = $(this);
                    numOfColumns = data.children().length; 
                    for(var i = 0; i < numOfColumns; i++) {
                        stats[chart][1][i] = data.children().eq(i).text();
                    }
                })

                var currentRow = 2;

                for(var oddRow = 0; oddRow < (numOfRows + 1)/2 - 1; oddRow++) {
                    $('.tablehead .oddrow').eq(oddRow).filter(function(){
                        var data = $(this);
                        for(var c = 0; c < numOfColumns; c++) {
                            stats[chart][currentRow][c] = data.children().eq(c).text();
                        }
                        currentRow += 2;
                    })  
                }   

                currentRow = 3;
                for(var evenRow = 0; evenRow < (numOfRows + 1)/2 - 1; evenRow++){
                    $('.tablehead .evenrow').eq(evenRow).filter(function(){
                        var data = $(this);
                        for(var c = 0; c < numOfColumns; c++) {
                            stats[chart][currentRow][c] = data.children().eq(c).text();
                        }
                        currentRow += 2;
                    })  
                }

                currentRow -= 1; // gets the last allocated row index (after "currentRow += 2" has been executed)
                $('.tablehead .total').eq(chart).filter(function(){
                    var data = $(this);
                    var LOGOIDX = 1;
                    for(var c = 0; c < numOfColumns - 1; c++) {
                        if(c < LOGOIDX) {
                            stats[chart][currentRow][c] = data.children().eq(c).text();
                        }
                        if(c == LOGOIDX) {
                            stats[chart][currentRow][c] = "N.A.";
                            stats[chart][currentRow][c + 1] = data.children().eq(c).text();
                            continue;
                        }
                        else {
                            stats[chart][currentRow][c + 1] = data.children().eq(c).text();
                        }
                    }
                })
            }   // end chart loop
        }

    // Want to parse my json so that it displays in format: "name: value" rather than just "name" as it is now...

        fs.writeFile('output.json', JSON.stringify(stats, null, 4), function(err){

            console.log('File successfully written! - Check the project directory for the output.json file');
            console.log('Number of columns in chart is: ' + numOfColumns);
        })

        // message to browser reminding that there's no UI involved here.
        res.send('Check the console!')
    })
})

app.listen('8081')

console.log('Magic happens on port 8081');

exports = module.exports = app;

Answer 1

啊哈！抓住了我的错误——只是一个简单的逻辑错误。有点尴尬，我之前没有看到它，但是哦，好吧，在一天结束时进行了一些练习和研究（以及相当多的分心）：

可以看出，我所做的所有对 HTML 类的搜索都是由一个名为“chart”的变量参数化的，除了我在每个图表中搜索奇数行和偶数行的地方——实际抓取的大部分每个图表，所以我的“3d 数组 [was] 覆盖了其他维度的值”

简单来说，我只需要根据每个图表的条件创建一个偏移量（几行额外的代码），我需要编辑两行代码来反映新计算的偏移量，如下所示：

$('.tablehead .oddrow').eq(rowOffset + oddRow).filter(function(){

和

$('.tablehead .evenrow').eq(rowOffset + evenRow).filter(function(){

无论如何感谢您的帮助！我希望这个问题对其他人大有裨益：P