리스트의 인덱스 순환

sphereIdx = (sphereIdx + 1) % spheres.length;

const spheres = ['a', 'b', 'c']; // 길이 3
let sphereIdx = 2;

sphereIdx = ( sphereIdx + 1 ) % spheres.length; // 결과:0 (3 % 3 = 0)
console.log(sphereIdx); // 0

• 이 코드는 sphereIdx를 1 증가시키고, 그 값을 spheres.length로 나눈 나머지를 결과로 설정합니다.
• 인덱스가 리스트의 길이를 초과하지 않도록 순환합니다. 즉, sphereIdx가 리스트의 끝에 도달하면 다시 0으로 돌아갑니다.

 

sphereIdx = (sphereIdx + 1);

const spheres = [ 'a', 'b', 'c' ]; // 길이 3
let sphereIdx = 2;

sphereIdx = (sphereIdx + 1); // 결과: 3
console.log(sphereIdx); // 3 (리스트의 유효한 인덱스 범위를 벗어남)

• 이 코드는 단순히 sphereIdx를 1 증가시킵니다.
• 만약 sphereIdx가 리스트의 길이를 초과하면 인덱스가 리스트 범위를 벗어납니다. 이 경우, 리스트의 범위를 벗어난 접근은 유효하지 않게 됩니다.