表示许多阵列的唯一索引的数字

Question

我有一个应用程序需要多个数据数组或每个数据长度可变。我计划骑自行车并显示每个数组的每个数据组合。我的第一个倾向是让一个数字代表每个数组的状态，因为我知道组合的数量是每个数组的元素数量的乘积。

因此，例如：

A = [0,1,2,3]

B = [0,1,2,3]

C = [0,1]

所以4×4×2 = 32个组合我需要表示

我已经设法通过使用每个array.length施加模和分裂到一个给定的索引来表示所有状态。我的问题是它的排序不好（请参阅下面的代码片段）。有没有人解决了类似的问题，或知道我可以如何改变算法以获得它？

function multiArrayIndex(index, ...args) { 
 
    var arrays = args.slice(); 
 
    var output = []; 
 
    
 
    for (var i = 0, curIndex = index; i < arrays.length; i++) { 
 
     var curArray = arrays[i]; 
 
     var valueIndex =(curIndex % curArray.length); 
 
     output.push(curArray[valueIndex]); 
 
     curIndex = Math.ceil(curIndex/curArray.length); 
 
    } 
 
    return output; 
 
} 
 
demoP = document.getElementById("demo"); 
 
for(var i = 32; i>=1; i--){ 
 
\t demoP.innerHTML = demoP.innerHTML + i + " - " + multiArrayIndex(i, [0,1,2,3], [0,1,2,3], [0,1]) + "<br />"; 
 
}

<p id="demo"></p>

Answer 1

保持指数分开将是在我看来，一个更好的办法。

递增的索引可以工作有点类似于我们如何在小学手工添加两个数字 - 如果指数过大，将其设置为零，并增加一个下一个：

var a = [0, 1, 2, 3] 
 
var b = [0, 1, 2, 3] 
 
var c = [0, 1] 
 

 
var state = { 
 
    a: 0, 
 
    b: 0, 
 
    c: 0 
 
} 
 

 
function increment() { 
 
    state.a++; 
 

 
    if (state.a >= a.length) { 
 
    state.b++; 
 
    state.a = 0; 
 
    } 
 
    if (state.b >= b.length) { 
 
    state.c++; 
 
    state.b = 0; 
 
    } 
 
    if (state.c >= c.length) { 
 
    state.c = 0; 
 
    } 
 

 
    console.log(state); 
 
} 
 

 
console.log(state);

<button onclick='increment()'>Increment</button>

基于state更新文档应该从这里微不足道。