Javascript：更新矩阵数组

Question

我需要更新矩阵数组的帮助。它从设定值开始，我需要传入坐标来更新值。

我有一个基础矩阵：

var myMatrix = [
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-'],
    ['-','-','-','-','-','-','-','-','-','-']
];

我能够将矩阵中的特定点更新为如下所示：

----x-----
-----x----
--------x-
--------x-
---x------
----------
-------x--
----------
----x-----
-------x--

使用此功能：

function stepTwo(coordinates) {
    console.log('Step Two');
    for(var j =0; j < coordinates.length; j ++) {
        myMatrix[coordinates[j].y][coordinates[j].x] = 'x';
    }
    for(var i = 0; i < myMatrix.length; i++) {
        console.log(myMatrix[i].join(' '));
    }
}

var coordinatesArray = [
    {x: 4, y: 0},
    {x: 5, y: 1},
    {x: 8, y: 2},
    {x: 8, y: 3},
    {x: 3, y: 4},
    {x: 7, y: 6},
    {x: 4, y: 8},
    {x: 7, y: 9},
];

stepTwo(coordinatesArray);

现在我想做另一个类似的函数，它应该像这样更新矩阵：

xxxxx-----
xxxxxx----
xxxxxxxxx-
xxxxxxxxx-
xxxx------
----------
xxxxxxxx--
----------
xxxxx-----
xxxxxxxx--

基本上传入行和多少个'-'转换成'x'。

我当前工作的 JS Fiddle（第三步是我需要帮助的地方）： https://jsfiddle.net/2vbd27f0/73/

非常感谢您的帮助！

Answer 1

这是我对这个问题的看法 - 通过所需的数字创建一个新的 x 数组，并连接切片的剩余部分 (fiddle)：

function stepThree(points) {
    points.forEach(function(entry) {
        var row = myMatrix[entry.y];

        if(!row) { // if no row continue to next iteration
            return;
        }

        var fillNum = entry.x > row.length ? row.length : entry.x; // if the number to fill is higher than length use length

        myMatrix[entry.y] = new Array(fillNum + 1) // create an array which is bigger by 1 from places to fill
            .join('x') // join it using x's getting the right number
            .split('') // split it to create new array
            .concat(row.slice(fillNum)); // add the leftovers
    });
}

Answer 2

短解决方案

我假设你想去points[j].y行并创建points[j].xx's。

for(var j = 0; j < points.length; j++) {
    for(var k = 0; k < points[j].x; k++) {
        myMatrix[points[j].y][k] = 'x';
    }
}

工作原理

外部for 循环遍历这些点。使用j 作为计数器，points[j] 是当前点。 points[j].y 是当前行号。

对于这一行，我们要创建 point[j].x x's。所以有一个内部的for 循环从0 运行到point[j].x，使用变量k 作为它的计数器。

然后在我们使用坐标(j, k) 选择的每个单元格中，我们将值设置为x。

更清晰的解决方案

考虑到所有这些，我们可以使上述解决方案更易于理解。

for(var pointNumber = 0; pointNumber < points.length; pointNumber++) {
    // Pick one point
    var currentPoint = points[pointNumber];

    // We want to set the points (0, row) .. (currentPoint.x, row), so we use another loop.
    var row = currentPoint.y;
    // Set all the columns to 'x'
    for(var column = 0; column < currentPoint.x; column++) {
        myMatrix[row][column] = 'x';
    }
}