공부/JAVASCRIPT

[javascript] 조건문, 반복문

알로하리미 2021. 3. 7. 19:09
728x90

1.  조건문

if
if ( condition ) 
{
    statement   
}

let a = 10 ;
if ( a > 10 )
{
    console.log("a는 10보다 크다.");
}
else if ( a = 10 )
{
    console.log("a는 10과 같다.");
}
else
{
    console.log("a는 10보다 작다");
}

 

 삼항 연산자 

조건문 ? 조건문true일때실행문 : 조건문false일떄실행문

let a = 2;
let b = a > 0 ? "크다" : "작다" ; 
console.log(b) ; // 크다

 

 

switch
var foo = 0;
switch (foo) {
  case -1:
    console.log('negative 1');
    break;
  case 0: 
    console.log(0);   
  case 1: 
    console.log(1);
    break; 
  case 2:
    console.log(2);
    break;
  default:
    console.log('default');
}

//결과값 0
//      1   
//break를 쓰지 않으면 기존에 foo값에 맞는케이스의 실행문을 먼저 실행하고
//그다음부터는 케이스가 맞느냐에 관계없이 실행문을 그냥 실행시켜 버린다.

* 조건에 걸리면 실행문뒤에 꼭 break; 넣으세요 그렇지 않으면 아래의 케이스까지 조건검사및 실행을 하게 됩니다.

 

4.반복문

while
조건에 맞을때만 실행되고 맞지 않으면 while문을 벗어난다.

while (condition)
{
    statement;
}
var n = 0;
var x = 0;

while (n < 3) {
  n++;
  x += n;
}

//첫번째 반복; n=1 과 x=1
//두번째 반복; n=2 과 x=3
//세번째 반복; n=3 과 x=6

 

do... while
do...while 문은 적어도 한번 실행되고 조건문에 맞을때까지만 실행
var result = '';
var i = 0;
do {
   i += 1;
   result += i + ' ';
}
while (i > 0 && i < 5);

 

for
for (초기기준값; 조건문; 수행후변경할값){ 수행문 }
for (var i = 0; i < 9; i++) {
   console.log(i);
   // 기타 등등
}


//초기기준값을 위에서 선언 가능
var i = 0;
for (; i < 9; i++) {
    console.log(i);
}

//조건문을 사용안하고 안에서 무한 반복 하는 것을 방지 할 수있음.
for (var i = 0;; i++) {
   console.log(i);
   if (i > 3) break;
}


 

for...in  (ie 사용불가)
for...in문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복합니다. (Symbol로 키가 지정된 속성은 무시합니다.)
const object = { a: 1, b: 2, c: 3 };

for (const property in object) {
  console.log(`${property}: ${object[property]}`);
}

// expected output:
// "a: 1"
// "b: 2"
// "c: 3"

 

for...of   (ie 사용불가)
for...of 명령문 반복가능한 객체 (Array, Map, Set, String, TypedArray, arguments 객체 등을 포함)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성합니다.
const array1 = ['a', 'b', 'c'];

for (const element of array1) {
  console.log(element);
}

// expected output: "a"
// expected output: "b"
// expected output: "c"