javascript 반복문(문자열, 배열, 오브젝트)

이태혁·2020년 9월 12일
1

🦊 문자열 반복문

  • for문 이용
  • split후에 map이나 forEach이용
  • for ... of 사용
let str = 'hello';
//for 이용
for (let i = 0; i < str.length; i++) {
  let c = str[i]
  console.log(c)
}
//forEach(혹은 map)사용
str.split('').forEach(v => {
  console.log(v);
})
//for ... of 사용
for (const c of str) {
 console.log(c); 
}

🦊 배열 반복문

  • arr.map
  • arr.forEach
  • for of 사용
let arr = [1,3,2,5,'hello'];
//forEach사용
arr.forEach(v => {
  console.log(v);
})
//map사용
arr.map(v => {
  console.log(v);
})
//for ... of 사용
for (const v of arr) {
  console.log(v);
}
//index도 함께 사용하고 싶을 때
for (const [i, r] of arr.entries()) {
	console.log(i, r);
}

map과 forEach 차이

forEach는 내부에 return을 써도 무시된다.
map은 원소별로 return을 해서 새로운 배열을 만들 수 잇다.

🦊 오브젝트 반복문

  • key로 반복문 돌리기
  • value로 반복문 돌리기
  • key, value 둘다로 반복문 돌리기
let obj = {
  user: 'kiddo',
  age: 3,
  weight: 8,
}
//방법1
for (const key of Object.keys(obj)) {
  console.log('key', key);
}
//방법2 (방법1과 결과가 같음)
for (const key in obj) {
  console.log('key', key);
}

for (const value of Object.values(obj)) {
  console.log('value', value);
}

for (const [key, value] of Object.entries(obj)) {
  console.log(`${key}: ${value}`);
}
profile
back-end, cloud, docker, web의 관심이 있는 예비개발자입니다.

0개의 댓글