Vanilla JS 2) compare - loop - string

 

 

 

 

 

반복
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; 
}

function howMany(selectObject) { 

    var numberSelected = 0; 
    var len = selectObject.options.length;
    for (var i = 0; i < len; i++) { 
    	if (selectObject.options[i].selected) { 
        	numberSelected++; 
        } 
     } 
     return numberSelected; 
}

-> for문 안에서 돌때마다 length를 계속 구해야하기 때문에 먼저 length값을 받아서 len 변수에 넣어놓고 실행한다.

 

function howMany(selectObject) { 

    var arr = [1,2,3];

    var numberSelected = 0; 
    var len = arr.length();
    
    for (var i = 0; i < len; i++) { 
    	if (arr[i] > 2) { 
        	numberSelected++; 
        } 
     } 
     return numberSelected; 
}

-> arr 는 이런 식으로 쓴다.

 

 

배열의 경우 forEach와 같은 메서드도 있고, for-of를 통한 탐색도 자주 사용됩니다.

(for-in은 객체를 탐색할때 사용합니다)

forEach와 같은 메서드의 사용법이 익숙하지 않다면, 우선은 for문으로 배열을 탐색하는 것으로 충분합니다.

MDN 링크 바로가기

 

문자열 처리

자바스크립트의 문자와 문자열은 같은 타입으로 모두 문자열입니다.

typeof "abc"; //string 
typeof "a"; //string 
typeof 'a'; //string. single quote도 사용가능.

쌍따옴표든 홑따옴표이든 모두 string type으로 인식한다.

 

문자열에 다양한 메서드가 있습니다.

"ab:cd".split(":"); //["ab","cd"] 
"ab:cd".replace(":", "$"); //"ab$cd" 
" abcde ".trim(); //"abcde"