만들어가는 세상

[JAVASCRIPT] 여러가지 for문 처리 방법 및 팁 본문

IT/JAVASCRIPT

[JAVASCRIPT] 여러가지 for문 처리 방법 및 팁

윤재웅 2018. 6. 22. 16:48

여러가지 for문 처리 방법 및 팁

metaList <- java에서 넘어온 list 형 map구조를 데이터를 받아서 루프를 돕니다. map의 키값을 keys 변수에 담아서 keys값에는 list 데이터가 적재되어 있으니 다시한번 for문을 통해 basicMeta 변수에 담고 있습니다.

for (var key in metaList) {
    var basicMeta = {};
    var keys = Object.keys(metaList[key]);

    for ( var n in keys) {
        var listKey = keys[n];
        var listData= metaList[key][keys[n]];

        //해당 키값에 데이터 넣기
        basicMeta[listKey] = listData;
    }
}

grades 객체를 for문을 돌려서 해당 key값과 value값을 출력하고 있습니다.

Var grades = {'a' : 10, 'b' : 6, 'c' : 80}
for(key in grades){
    Document.write("key : "+key+" value:: "+grades[key]+"<br />")
}

다중 for문 입니다.

for(var i=0;i<=5;i++){
    for(var m=1;m<=5;m++){
        document.write("i= "+i, "m= "+m,"<br>");
    }
}

for 반복문 가장 기본적이면서 많이 쓰이고 있습니다.

var array = ['포도', '사과', '바나나', '망고'];
 for(var i=0; i<array.length; i++) {
    alert(array[i]);
}

for in 반복문 자바스크립트는 배열이나 객체를 더욱 쉽게 다룰 수 있도록 for in 반복문을 제공합니다. 위 for 문의 예제는 아래와 같이 바꿔 사용할 수도 있습니다.

var array = ['포도', '사과', '바나나', '망고'];
for(var i in array) {
    alert(array[i]);
}

while 반복문 입니다.

value = 0;
while(value < 5) {
    alert(value + '번째 반복');
    value++;
}

do while 반복문 입니다.

var value = 0;
do {
    alert(value + '번째 반복문');
    value++;
} while(value < 5);

반복문이 생각 이상으로 많습니다. 간결하고 직관적으로 사용하길 바랍니다.

Comments