JS | 조건문

2022. 12. 28. 14:24·JavaScript

조건문 ( if else, switch )

if else

var num1 = 1;

if(num1 >= 10){
     console.log('10보다 큼');
}else{
     console.log('10보다 작음');
}

//형변환 parseInt(값); 정수로의 형변환 / parseFloat(값); 실수로의 형변환
var a = parseInt(Math.random() * 101);
//    Math = 1미만     *    101미만
console.log(a);

if(a >= 90) {
} else if(a >= 80){
} else {
}

switch

var b = '가';
switch (b) {
   case '가':
      console.log('가 입니다.'); //가 입니다.
      break;

   case '나':
      console.log('나 입니다.');
      break;
        
   default:
     break;
}

반복문 ( while, do while, for,  for in )

while

//while문
var a=1;
while(a<=10){
   console.log(a); 
   a++;
}

do while

 

for

 //for문
for(var i = 1; i <= 10; i++){
      console.log(i);
}

//배열과 for문
 var arr = [1,2,3,4,5];
for(var i = 0; i < arr.length; i++){
      console.log(arr[i]);
}

//빈 배열을 하나 생성하고 1~10까지 값을 반복문으로 추가.
var arr = [];
for(var i = 1; i <= 10; i++){
      arr[i-1] = i;
}
console.log(arr);
        
var arr = [];
for(var i = 1; i <= 10; i++){
     arr.push(i);
}
console.log(arr);

 for in 

자바스크립트의 map과 같다.

배열도 돌릴수있고 객체도 회전시킬 수 있다.

//for ~ in

//배열에서는 index를 담는다.
var arr = [1,2,3,4,5];
for(var i in arr){
    //i는 배열의 인덱스 값
    console.log(i); //0 1 2 3 4
    //배열의 값
    console.log(arr[i]);  //1 2 3 4 5
}

//객체에서는 키를 담는다
var obj = {a:'1', b:'2'};
for(var i in obj){
    //i는 키를 담는다
    console.log(i); //a b
    //객체의 값 
    console.log(obj[i]); //1 2
}

 

탈출문
break

var arr = [1,2,3,4,5];

        for(var i = 0; i < arr.length; i++){
            if(arr[i] == 3) break;
            console.log(arr[i]); // 1 2
        }

continue

 

for(var i = 0; i < arr.length; i++){
            if(arr[i]==3)continue;
            console.log(arr[i]); // 1 2 4 5
        }

'JavaScript' 카테고리의 다른 글

JS | 함수(즉시실행 함수)  (0) 2022.12.28
JS | 함수(선언적 함수/익명 함수)  (0) 2022.12.28
JS | 배열  (0) 2022.12.28
JS | 연산자  (0) 2022.12.28
JS | 출력, 확인 / 변수, 데이터 타입  (1) 2022.12.27
'JavaScript' 카테고리의 다른 글
  • JS | 함수(즉시실행 함수)
  • JS | 함수(선언적 함수/익명 함수)
  • JS | 배열
  • JS | 연산자
개발 공부
개발 공부
  • 개발 공부
    개발 공부
    개발 공부
  • 전체
    오늘
    어제
    • 전체보기 (163) N
      • 프로젝트 (1)
      • JavaScript (46) N
      • Node.js (3)
      • Next.js (5)
      • React (17)
      • NoSQL (0)
      • HTML,CSS (3)
      • CS (6)
      • Java (35)
      • Spring (6)
        • Spring의 정석 (1)
      • Spring boot (1)
      • MySQL (1)
      • 리눅스 (16)
      • JSP (9)
      • AWS (0)
      • git (2)
      • 알고리즘 (1)
      • ect (7)
      • Project (2)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    오블완
    자바
    Java
    Java의 정석
    티스토리챌린지
    자바의 정석
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
개발 공부
JS | 조건문
상단으로

티스토리툴바