자바스크립트에서 개발하다 보면 배열을 디버깅해야 할 때가 있습니다. 값이나 구조를 확인하고 싶을 때, console.log() 함수를 사용하여 배열의 내용을 출력하는 것이 도움이 됩니다.

console.log()를 사용한 간단한 배열 디버깅

const numbers = [1, 2, 3, 4, 5];
console.log(numbers);

위 예제에서는 console.log()를 사용하여 numbers라는 배열의 내용을 콘솔에 출력합니다.

배열 요소의 값과 인덱스 확인하기

const fruits = ['apple', 'banana', 'orange'];
fruits.forEach((fruit, index) => {
  console.log(`인덱스 ${index}: ${fruit}`);
});

forEach() 메서드를 사용하여 배열의 각 요소와 해당 인덱스를 출력합니다.

객체가 포함된 배열 디버깅

const people = [
  { name: 'Alice', age: 30 },
  { name: 'Bob', age: 25 },
  { name: 'Charlie', age: 35 }
];
console.log(people);

위 코드는 객체가 포함된 배열을 콘솔에 출력하는 예시입니다.

console.log()를 이용하여 배열을 디버깅하면 코드 실행 중에 배열의 구조와 값에 대한 정보를 파악할 수 있습니다.

만약 실제 디버깅 도구를 사용하고 있다면, console.table()을 사용하여 배열을 더욱 구조적으로 확인할 수도 있습니다.

더 많은 디버깅 팁과 console.log() 활용법을 알고 싶다면 Mozilla Developer Network를 참고하시기 바랍니다.