반응형
for 문
조건식이 true일때 실행문이 반복해서 수행됨
for (let i = 1; i < 10; i++) {
document.write(i + "<br>");
}
for/of 문
- 반복할 수 있는 객체(iterable objects)를 순회할 수 있도록 해줌
- 반복할 수 있는 객체 : Array, Map, Set, arguments 객체 등
- 루프마다 객체의 열거할 수 있는 프로퍼티의 값을 지정된 변수에 대입
let arr = ['바나나', '사과', '귤'];
for (let i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함.
document.write(arr[i]);
}
for (const value of arr) { // 위와 같은 동작을 하는 for / of 문
document.write(value);
}
// 바나나 - 사과 - 귤
for/in 문
- 해당 객체의 모든 열거할 수 있는 프로퍼티(enumerable properties)를 순회할 수 있도록 해줌
- 반복할 수 있는 객체 : Array, Map, Set, arguments 객체 등
- 프로퍼티 플래그에대한 설명 : https://ko.javascript.info/property-descriptors
let arr = ['바나나', '사과', '귤'];
for (let i = 0; i < arr.length; i++) { // 배열 arr의 모든 요소의 인덱스(index)를 출력함.
document.write(i + " " + arr[i]);
}
for (const i in arr) { // 위와 같은 동작을 하는 for / in 문
document.write(i, arr[i]);
}
// 0 바나나 - 1 사과 - 2 귤
이중 for문
구구단 출력
for (let i=1; i<=9; i++) {
document.write(i + "단<br>")
for (let j=1; j<=9; j++) {
document.write(i + "*" + j + "=" + (i*j) + "<br>")
}
document.write("<hr>")
}
회전수 증가
let a=0, b=0;
for (a=1; a<=4; a++) {
for (b=1; b<=a; b++) {
document.write("#")
}
document.write("<br>")
}
// a=1; a<=4; -> 4행(a의 범위값) 1열(a 초기값)로 시작
// a++ ->열의 수를 행이 늘어날때마다 1개씩 증가 시키겠음
회전수 감소
//회전수 감소
for(a=4; a>=1; a--) {
for(b=1; b<=a; b++) {
document.write("@")
}
document.write("<br>")
}
// a=4; a>=1; -> 4행(a의 범위값) 4열(a 초기값)로 시작
// a-- ->열의 수를 행이 늘어날때마다 1개씩 감소 시키겠음
while 문
let i = 1;
while (i < 10) { // 변수 i가 10보다 작을 때만 while 문을 반복함.
document.write(i + "<br>");
i++; // 반복할 때마다 변수 i를 1씩 증가시켜 변수 i가 10보다 커지면 반복문을 종료함.
}
do/while 문
let i = 1, j = 1;
while (i > 3) { // 변수 i의 초깃값은 1이기 때문에 이 while 문은 한 번도 실행되지 않음.
document.write("i : " + (i++) + "<br>");
}
do { // 변수 j의 초깃값은 1이기 때문에 이 do / while 문은 단 한 번만 실행됨.
document.write("j : " + (j++) + "<br>");
} while (j > 3);
break 키워드
조건문이나 반복문을 벗어날 때 사용
continue 문
반복문 안의 반복 작업을 멈추고 반복문의 처음으로 돌아가 다음 반복 작업을 진행
// 3의 배수를 제외하고 출력하는 예제
var exceptNum = 3;
for (var i=0; i<= 100; i++) {
if (i % exceptNum == 0) // exceptNum의 배수는 출력하지 않음.
continue;
document.write(i + " ");
}
반응형
'Front-End > JavaScript' 카테고리의 다른 글
자바스크립트 예제 (3) (0) | 2023.02.13 |
---|---|
자바스크립트 예제 (2) (0) | 2023.02.09 |
JavaScript(2) (0) | 2023.02.09 |
댓글