在JS中改组多维数组

时间:2018-09-09 05:34:28

标签: javascript arrays canvas multidimensional-array p5.js

此函数仅对matrix [y]进行洗牌,但是我希望它对矩阵[y] [x]进行洗牌,但是它并不想正确地对洗。

我使用的代码:

function Shuffle(arguments) {
    for (var k = 0; k < arguments.length; k++) {
        var i = arguments[k].length;
        if (i == 0)
            return false;
        else {
            while (--i) {
                var j = Math.floor(Math.random() * (i + 1));
                var tempi = arguments[k][i];
                var tempj = arguments[k][j];
                arguments[k][i] = tempj;
                arguments[k][j] = tempi;
            }
            return arguments;
        }
    }
    return arguments
}

var matrix = [

];

var ab = 36;

for (var y = 0; y < ab; y++) {
    matrix.push([])
    for (var x = 0; x < ab; x++) {
        matrix[y][x] = Math.floor(Math.random() * 1)
    }
    for (var x = 0; x < ab / 2; x++) {
        matrix[y][x] = 1
    }
}


arr = Shuffle(matrix);

console.log(arr)
var side = 16;

function setup() {

    createCanvas(arr[0].length * side, arr.length * side);
    background('#acacac');
    frameRate()

}

function draw() {
    for (var y = 0; y < arr.length; y++) {
        for (var x = 0; x < arr[y].length; x++) {

            if (matrix[y][x] == 0) {
                fill(0, 255, 0)
                rect(y * side, x * side, side, side)
            } else if (matrix[y][x] == 1) {
                fill("red")
                rect(y * side, x * side, side, side)
            } else if (matrix[y][x] == 2) {
                fill(255, 255, 0)
                rect(y * side, x * side, side, side)
            } else if (matrix[y][x] == 3) {
                fill(255, 0, 0)
                rect(y * side, x * side, side, side)
            }
        }
    }
}

因此,此函数仅对matrix [y]进行洗牌,但是我希望它对矩阵[y] [x]进行洗牌。 有任何想法吗?这是屏幕截图:

enter image description here

2 个答案:

答案 0 :(得分:0)

您可能可以将其转换为一维数组,然后随机播放,然后转换回。您只需要知道要多少行即可。

const myArr = [[1,2],[3,4]];
const oneDimArr = myArr.reduce((a, b) => [...a, ...b], []);
const shuffledArr = Shuffle(oneDimArr); // this is your existing function
const shuffled2DimArr = shuffledArr.reduce((acc, i) => {
  if(acc[acc.length-1].length >= 2) { // here we build 2 cols
    acc.push([]);
  }
  acc[acc.length-1].push(i);
  return acc;
}, [[]]);

答案 1 :(得分:0)

如注释中所述,您在while循环之后有一个return语句,导致forloop从未按预期完成

function Shuffle(arguments) {
    for (var k = 0; k < arguments.length; k++) {
        var i = arguments[k].length;
        if (i == 0)
            return false;
        else {
            while (--i) {
                var j = Math.floor(Math.random() * (i + 1));
                var tempi = arguments[k][i];
                var tempj = arguments[k][j];
                arguments[k][i] = tempj;
                arguments[k][j] = tempi;
            }
            return arguments; // remove this line
        }
    }
    return arguments
}