JavaScript 다차원 배열의 반복문 사용하기 - for문, map()

brillog·2023년 8월 10일
0

Development

목록 보기
1/2

JavaScript 반복문은 for문을 활용할 수도 있고 map()을 활용할 수도 있는데요,
2차원 배열을 예시로 들어보겠습니다.

2차원 배열 예시

const example_arr = [
  ["Apple", "Banana", "Mango"],
  ["Orange", "Lime"],
  ["Tomato", "Grapes", "Kiwi", "Cherry"],
  ["Watermelon"]
];

for

function example_func (example_arr) {
  const result = [];

  for (let i = 0; i < example_arr.length; i++) {
    console.log(example_arr[i]);  // ['Apple', 'Banana', 'Mango']
    
    for (let j = 0; j < example_arr[i].length; j++) {
      console.log(example_arr[i][j]);  // Apple
    }
  }
  
  return result;
}

map()

function example_func(example_arr) {
  const result = [];
  
  example_arr.map((item, idx) => {
    console.log(item);  // ['Apple', 'Banana', 'Mango']
    
    item.map((item, idx) => {
      console.log(item);  // 'Apple'
    })
  })
  
  return result;
}

결과 (for문map() 둘 다 결과는 동일)

['Apple', 'Banana', 'Mango']
Apple
Banana
Mango
['Orange', 'Lime']
Orange
Lime
['Tomato', 'Grapes', 'Kiwi', 'Cherry']
Tomato
Grapes
Kiwi
Cherry
['Watermelon']
Watermelon

Reference

개인적으로 공부하며 작성한 글로, 내용에 오류가 있을 수 있습니다.

profile
클라우드 엔지니어 ♡

0개의 댓글