간단한 요약

저번 시간에 이어 JS의 기본적이고 중요한 특징을 배우는 시간이다.

배운 내용

1. 반복문(iteration)

1-1. while iteration

• 초기 변수와 조건을 설정해준다.
• 조건을 만족할 때 원하는 행동을 작성해준다.
• 조건이 무한루프에 빠지지 않게 신경써준다.

let num = 1;
while (num < 10) {
  console.log(2 * num);
  num++;
}
console.log('end'); // while iteration이 종료된 후 해당 code가 실행됨.

1-2. for loop

• 필요한 요소는 while iteration과 같다.
• 사용하는 형식만 다르다.
• for loop안에 또 다른 for loop도 가능하다.
• break와 continue로 세부사항을 조절할 수 있다.

for (let i = 1; i < 10; i++) {
  console.log(i * 2);
}

1-3. forEach

• array의 유용한 default method
• 자주 사용되는 iteration
• 배열 내 element와 index를 쉽게 활용할 수 있음

const arr = ['a', 'b', 'c'];
arr.forEach((curEl, index) => {
  console.log(curEl, index);
});

1-4. map

• forEach와 사용법이 비슷한 iteration
• forEach와의 차이점은, map은 return을 사용할 수 있음.
  다시 말해, 나온 결과값은 다른 새로운 배열로 만들어짐.
  즉, 나온 결과값을 return으로 다양하게 활용할 수 있음.

2. 유용한 methods

2-1. string methods

• .length (array에도 사용 가능)
• .trim()
• .charAt(nth)
• .slice(이상, 미만)
• .split('기준')
• .replace('바꿀단어', '원하는단어')
• .indexOf('찾을단어')
• .toUpperCase() / .toLowerCase()

2-2. array methods

• .push('추가할 값')
• .unshift('추가할 값')
• .pop()
• .shift()
• .join('기준')
• .concat(합쳐질배열)

어려웠던 내용

다 외울 수 없는 다양한 method들이 많기에 종종 필요할 때는 mdn을 참고해야 할 것 같다.

나의 코드

github에 있다.