Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- json
- 자바
- 디자인패턴
- 초(second)
- 자바스크립트
- 파사드패턴
- map
- java
- 병합정렬
- degien pattern
- JavaScript
- 생년
- 널체크
- 시(hour)
- 매일프로그래밍
- 시간더하기
- 곱 최대값
- 스트레티지패턴
- boot
- 조인
- 분(minute)
- list
- Flyweight Pattern
- 알고리즘
- spring
- oracle
- SSL설정
- SpringBoot
- ThreeWayPartition
- jQuery
Archives
- Today
- Total
만들어가는 세상
[JAVASCRIPT] 여러가지 for문 처리 방법 및 팁 본문
여러가지 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);
반복문이 생각 이상으로 많습니다. 간결하고 직관적으로 사용하길 바랍니다.
'IT > JAVASCRIPT' 카테고리의 다른 글
[JAVASCRIPT] tui-editor plugin js, css 적용 및 에디터 사용방법 (2) | 2019.12.24 |
---|---|
[JAVASCRIPT] 게시판 List SORT 정렬 처리방법 (0) | 2019.12.06 |
[JAVASCRIPT] masonry를 활용하여 더 보기 기능 구현 (0) | 2019.11.26 |
[JAVASCRIPT]공백/특수 문자/비밀번호 패턴/체크길이/체크 (0) | 2019.10.31 |
[JQUERY] 체크박스 (checkbox) 여러가지 기능들 (0) | 2018.06.25 |
Comments