[Javascript] for, forEach, for in, for of, map으로 반복 수행하기

for

단순 반복실행

요소와 index 값을 사용하여, 증가 혹은 감소하면서 순차적 실행한다.

원하는 결과가 나오면 break; 로 중단할수 있다.

 

  const forArray = [1, 3, 5, 7];
  const forNewArray = [];

  for (let i = 0; i < forArray.length; i++) {
    forNewArray.push(forArray[i]);
  }
  console.log({ forNewArray });

 

forEach

순회 실행

forEach함수에서는 index와 크기정보를 사용하지않으며 순회한다.

완료할때까지 중단할 수 없다.

배열의 각 요소마다 callback을 실행한다.

 

  const forEachArray = [1, 2, 3, 4];
  const forNewEachArray = [];

  forEachArray.forEach((item) => {
    forNewEachArray.push(item);
  });

  console.log({ forNewEachArray });

 

for in

객체를 순회한다

let ids=['rumi','tly','som']

  for(let i in ids){
    const nickName = ids[i]
    console.log(`[${i}]: ${nickName}`)
  }

let ids={a:'a', b:'bb', c:'ccc'};

  for(let i in ids){
    console.log(i);
  }

for of

배열을 순회한다

let ids=['rumi','tly','som']

for(let item of ids){
	console.log(item)
}

 

map

순회 실행 후 리턴값 반환

배열의 각 요소마다 callback을 실행하고, 마지막 요소까지 반복했다면 반환값을 새로운 배열로 return한다.

return을 해줘야한다.. 화살표 함수에서 리턴문은 생략 가능하다.

 

  const mapArray = [1, 3, 2, 4];
  const mapNewArray = mapArray.map((x) => x + 1);

  console.log({ mapNewArray });