들어가기 전에
이번에 나오는 자바스크립트의 문법들은 다른 언어와 유사합니다.
if, switch 분기문이나, for, while문은 크게 다른 부분은 없습니다.
문자열처리는 정규표현식이라는 막강한 방법도 제공하지만, 그전에 문자열에서 제공하는 다양한 함수들을 잘 다룰 필요가 있습니다.
중요한 몇몇 메서드만 기억하면 되므로 너무 걱정하지 않아도 됩니다.
학습 목표
- 분기, 반복문을 다룬다.
- 간단한 자바스크립트 문자열 조작(parsing)을 할 수 있다.
핵심 개념
- If
- switch
- for
- while
- String replace메서드
학습하기
비교문
if , else if, else 를 통해서 다양한 비교문을 사용할 수 있습니다.
MDN 링크 바로가기
분기 - switch
로직을 분기하기 위해서 if문 이외에도 switch 문을 통해서도 해결할 수 있습니다.
MDN 링크 바로가기
반복
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;
}
배열의 경우 forEach와 같은 메서드도 있고, for-of를 통한 탐색도 자주 사용됩니다.
(for-in은 객체를 탐색할때 사용합니다)
forEach와 같은 메서드의 사용법이 익숙하지 않다면, 우선은 for문으로 배열을 탐색하는 것으로 충분합니다.
MDN 링크 바로가기
문자열 처리
자바스크립트의 문자와 문자열은 같은 타입으로 모두 문자열입니다.
typeof "abc";
typeof "a";
typeof 'a';
문자열에 다양한 메서드가 있습니다.
"ab:cd".split(":");
"ab:cd".replace(":", "$");
" abcde ".trim();
참고 자료
MDN사이트에서 자바스크립트 문법의 예제들이 좋습니다.
그외에 자바스크립트 문법을 볼 수 있는 자료들이 온라인에 풍부합니다.
이를 통해 학습을 좀 더 해보세요.
comment
24.03.30.
자바스크립트에서 for문을 사용할때는 조건값영역에 length를 사용하지 않는 것이 좋다. 성능이 떨어지기 때문이다.
문자=문자열동일 취급
split : 문자열을 쉼표,탭,공백등등을 기준으로 잘라서 배열로 변환한다.
replace : 문자열안에서 원하는 문자를 새로운 문자로 대치한다.
trim : 문자열 앞뒤의 공백을 제거한다.
220211
감사용
210617
21.05.07
split : 잘라서 배열로 변환.
replace : 특정문자 대체.
trim : 공백 제거
split : 배열로 변환
replace: 대체
trim: 공백 없애줌
2020/05/21 수강완료
split: 배열을 만들어주는 메소드
2020/01/12
선생님이 쓰는 자바 스크립트 편집툴이 뭐죠?
비교문-if, else, elseif
반복문-for,while
분기-switch
자바스크립트의 문자와 문자열은 같은 타입으로 모두 문자열이다.
MDN사이트에서 확인해보기.
2019.12.23
mdn javascript 정규 표현식
https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/%EC%A0%95%EA%B7%9C%EC%8B%9D
20190807
비공개 글입니다.
const arr = [1,2,3,4]
for(let i =0, {length}=arr; i<length; i++){
console.log(arr[i])
}
es6문법으로 destructuring으로 지정하는 방식도 있습니다 :D
감사합니다.
좋은 강의 감사합니다.
교수님처럼 Visual Studio Code에서 출력시키고 싶은데,
어떻게 설정을 해야 할까요?