자바스크립트 비교 반복 문자열

• 들어가기 전에 이번에 나오는 자바스크립트의 문법들은 다른 언어와 유사합니다. if, switch 분기문이나, for, while 문은 크게 다른 부분은 없습니다. 문자열처리는 정규표현식이라는 막강한 방법도 제공하지만, 그전에 문자열에서 제공하는 다양한 함수들을 잘 다룰 칠요가 있습니다. 중요한 몇몇 메서드만 기억하면 되므로 너무 걱정하지 않아도 됩니다.

---

학습 목표

1. 분기, 반복문을 다룬다.
2. 간단한 자바스크립트 문자열 조작(parsing)을 할 수 있다.

핵심 개념

• if
• switch
• for
• while
• String replace 메서드

학습하기

비교문

if, else if, else 를 통해서 다양한 비교문을 사용할 수 있습니다.

분기 - switch

로직을 분기하기 위해서 if문 이외에도 switch 문을 통해서도 해결할 수 있습니다.

반복

for 문이나 while문을 사용해서 반복문을 구현할 구 수 있습니다. function howMany(selectObject) { var numberSelected = 0; for (var i = 0; i < selectObject.options.length; i++) { if (selectObject.options[i].selected) { numberSelected++; } } return numberSelected; } selectObject.options.length; 코드가 반복문을 돌때마다 실행되기 때문에 비효율적이다. function howMany(selectObject) { var numberSelected = 0; for (var i = 0,len=selectObject.options.length; i < len; i++) { if (selectObject.options[i].selected) { numberSelected++; } } return numberSelected; } 이런식으로 배열의 길이를 한번만 계산하던가 function howMany(selectObject) { var numberSelected = 0; for (var i=selectObject.options.length; i > 0; i--) { if (selectObject.options[i].selected) { numberSelected++; } } return numberSelected; } 이렇게 reverse문으로 for문의 성능을 개선할 수 있다.

문자열 처리

자바스크립트의 문자와 문자열은 같은 타입으로 모두 문자열입니다. typeof "abc"; //string typeof "a"; //string typeof 'a'; //string. single quote도 사용가능. 문자열에 다양한 메서드가 있습니다. "ab:cd".split(":"); //["ab","cd"] "ab:cd".replace(":", "$"); //"ab$cd" " abcde ".trim(); //"abcde"

참고 자료

MDN 사이트에서 자바스크립트 문법의 예제들이 좋습니다. 그외에 자바스크립트 문법을 볼 수 있는 자료들이 온라인에 풍부합니다. 이를 통해 학습을 좀 더 해보세요.