需要循环帮助来使用 Javascript 构建表

Question

这是我的函数：

function CreateResultsTable(bps, incs) {
    var table = document.createElement('table');
    var str = '<table border=1>';
    str += '<tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr>';

    var i = 0;

    // up
    for (i = 0; i < incs; i++) {
        var num = (incs - i) * bps;
        var newStr = num.toString();
        str += '<tr><th>' + newStr + '</th><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td></tr>';
    }
    i = 0;

    //down
    for (i = incs; i > 0; i--) {
        var num = (incs - i) * bps;
        var newStr = '-' + num.toString();
        str += '<tr><th>' + newStr + '</th><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td></tr>';
    }
    return str;
}

我想要的是说我传入 {bps = 25, incs = 4}。它应该始终创建两倍于 incs 的行数（在标题行下方）。因此，对于 incs = 4 和 bps = 25，它应该创建第一个 td = 100, 75, 50, 25, -25, -50, - 的行75、-100——按此顺序。

它现在所做的就是创建像 100, 75, 50, 25, -0, -25, -50 这样的值 - 就是这样。

我做错了什么？

Answer 1

最后一个循环需要是 >= 而不是只是 > 并开始一个较低的循环，如下所示：

for (i = incs-1; i >= 0; i--) {

您可以在此处进行测试，唯一的其他更改是在末尾添加 以及引号你的边框属性。

---

不过，有一种更简单的方法可以解决此问题，使用单个循环并根据需要排除 0 ，如下所示：

function CreateResultsTable(bps, incs) {
    var str = '<table border="1">';
    str += '<tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr>';

    for (var i = incs*bps, low = -i; i >= low; i-=bps) {
        if (i == 0) continue; //exclude the 0 row
        str += '<tr><th>' + i + '</th><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td></tr>';
    }
    str += '</table>';
    return str;
}

您可以在这里测试结果，这只是一种更简单/更便宜的单循环方式或做同样的事情。

Answer 2

您必须从 incs -1 开始并数到零。所以这个函数应该看起来像

function CreateResultsTable(bps, incs) {
        var table = document.createElement('table');
        var str = '<table border=1>';
        str += '<tr><th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th></tr>';

        var i = 0;

        // up
        for (i = 0; i < incs; i++) {
            var num = (incs - i) * bps;
            var newStr = num.toString();
            str += '<tr><th>' + newStr + '</th><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td></tr>';
        }
        i = 0;

        //down
        for (i = incs - 1; i >= 0; i--) {
            var num = (incs - i) * bps;
            var newStr = '-' + num.toString();
            str += '<tr><th>' + newStr + '</th><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td><td>100,000</td></tr>';
        }
        return str;
    }