[코딩애플 JS 기초] forEach, for in 반복문, arrow function

Jessie H·2022년 5월 1일
1

코딩애플 JS 기초

목록 보기
16/19
post-custom-banner

forEach

  • Array 뒤에 붙여 쓰는 반복문
  • Array.forEach(function(){});형식으로 사용
  • 최대 3개까지 파라미터 가능
  • for문처럼 index(보통 i로 많이쓰는 그거), i++, 조건식 없이 바로 콜백함수로 실행 가능
let mysnack = ['새우깡', '양파링', '포카칩'];
mysnack.forEach(function(a,i){
	console.log(mysnack[i]);
})
//a는 mysnack의 데이터 하나하나를 의미(새우깡, 양파링, 포카칩)
//i는 mysnack의 index를 의미
//mysnack[0]= '새우깡', mysnack[1] = '양파링', mysnack[2] = '포카칩'


for in

  • object 자료 반복문에 쓴다
  • for(변수 in 객체){반복할 코드}형식으로 쓴다
let myfood = {name: 'chicken curry', taste: 'spicy', meals: 2}

for(var food in myfood){
	console.log(food);
}
//myfood의 변수만 출력
//name, taste, meals


for(var food in myfood){
	console.log(myfood[food]);
}
//실제 데이터인 value출력하는 법
//chicken curry, spicy, 2


코드를 반복하고 싶을때, 배열 내의 자료 순서대로 꺼낼 때 반복문 사용하면 좋다



forEach function()을 arrow function으로 표기하는 법

let mysnack = ['새우깡', '양파링', '포카칩'];
mysnack.forEach(function(a,i){
	console.log(mysnack[i]);
})
let mysnack = ['새우깡', '양파링', '포카칩'];
mysnack.forEach((a,i) => {
	console.log(mysnack[i]);
})
profile
코딩 공부 기록장
post-custom-banner

0개의 댓글