Hola estoy intentando hacer que los elementos de un array que son 21 se separen en grupos de a tres y que esos grupos formen un array nuevo cada uno pero no sé como hacerlo, se me ocurrió hacer un bucle for para tomar los primeros tres elementos del array y meterlos en otro mediante push() luego eliminar esos tres elementos del array antiguo y el bucle se aplicaría de igual forma con los demás, pero esto no me resultó
let notas = ['C', 'c#', 'D', 'd#', 'E', 'F', 'f#', 'G', 'g#', 'A', 'a#', 'B'];
let notausuario = "";
let formula = [0,2, 2, 1, 2, 2, 2, 1];
let triadas=[0,2,2];
let f=[0,1,2,3,4,5,6]
let almacen=[];
let almacentriadas=[];
function capturarnota() {
let notausuario = document.getElementById("nota").value;
let posicion = notas.indexOf(notausuario);
for (var i = 0; i < 7; i++) {
posicion += formula[i]
if (posicion >= notas.length) {
posicion = posicion - notas.length
}
let posicion1 = notas[posicion];
almacen.push(posicion1);
}
console.log(almacen);
creartriadas();
};
function creartriadas() {
let contador=0;
let array=[];
for (var i = 0; i < almacen.length; i++) {
let x=f[i];
array.push(x+=triadas[0],x+=triadas[1],x+=triadas[2]);
}
console.log(array);
for (var i = 0; i < array.length; i++) {
if (array[i]>=almacen.length) {
array[i]=array[i]-almacen.length;
}
almacentriadas.push(almacen[array[i]]);
}
console.log(almacentriadas);
};
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script type="text/javascript" src="programa.js"></script>
<title></title>
</head>
<body>
<form class="" action="index.html" method="post">
<input type="text" id="nota">
</form>
<input type="button" onclick="capturarnota();">
</body>
</html>
de un array que son 21
yo no veo ningún array con 21 elementos. Por favor aclara lo que quieres hacer porque no se entiende