공부 기록 ✏️/Javascript

JS-Do it! JS - #2일차

버둘 2023. 3. 15. 17:55

for...in 반복문

객체의 key(속성)을 반복하는데 사용

key만 반복, value는 접근 불가능

사용: 키-값 쌍 선호, 특정 값을 가진 키 확인하는 경우 유용

const buddle={
  breed:"시고르자브종",
  age:"14",
  weight:"5.4",
  birthday:"2010-06",
  lovely:true
}

for(key in buddle){
  document.write(`${key} : ${buddle[key]}<br>`);
}

 

for...of 반복문

속성값(value)을 반복 순환

const students = ["Park", "Kim", "Lee", "Kang"];

// students에 있는 student가 있는 동안 계속 반복
for (let student of students) {  
  document.write(`${student}. `);
}

 

forEach() 메서드

주어진 함수를 배열 요소들에 대해 반복 작업 실행

const fruits=["apple","grape","orange","melon"];

fruits.forEach(function(fruit){
  document.write(`${fruit}.`);
})

 

 

'공부 기록 ✏️ > Javascript' 카테고리의 다른 글

JS-Do it! JS - #7일차 (08)  (0) 2023.03.23
JS-Do it! JS - #6일차  (0) 2023.03.21
JS-Do it! JS - #5일차  (0) 2023.03.21
JS-Do it! JS - #4일차  (0) 2023.03.18
JS-Do it! JS - #1일차  (0) 2023.03.15