자바스크립트 forEach, for in , for arrow function

 

-for each

  Array 뒤에 붙여 쓰는 반복문 / 객체만 사용 가능 한 메서드 이다 / 배열의 여러 요소들을 반복하며 작업을 수행한다

 

array.forEach(function() {} 형식 ! 사용방법 

()파라미터 3개 최대 사용 가능 하다.

for  문 i 조건식 없이 콜백함수로 실행이 가능하다 

// forEach
let lin = ['singer','korean','사랑했잖아'];
lin.forEach(function(a,i) {
  console.log(lin[i])
})

// a 는 lin 의 데이터 하나하나를 의미한다 [['singer','korean','사랑했잖아'];]
// i  는 lin 의 인덱스 의미  증가

 

-for in 반복문 [ object ]

for (변수 in 객체) {반복할 코드}

객체만 사용 가능하다 / 객체 key value 뽑아내는데 유용 하다 

 for (obj in 객체 ) {반복할 코드} 

let music = {
  name: 'lin',
  age : 34,
  national: 'korean',
  genre: 'k-pop'
}

for ( var genre in music) {
  console.log(genre);
}
// for in music 안에 key 값 내용을 반복한다

for (var age in music) {
  console.log(music[age])
} 
// 살제 데이터  뮤직 안에 나이 age value 값만 출력

 

for arrow function () => 이 함수를 사용하는 방법

let linlin = ['새우깡', '양파링', '초코링','꼬북칩'];
linlin.forEach(function(a,i){
  console.log(linlin[i]);
})
// arrow function () => 

let kim = ['깡', 'rain', '정지훈','깡깡깡소주'];
kim.forEach((a,i) => {
  console.log(kim[i]);
})

 

결과 값