본문 바로가기

WINK-(Web & App)/HTML & CSS & JS 스터디

[2023 신입부원 기초 스터디] 최종은 #6주차 - Js 조건문,반복문,함수 등등,.,.,

반응형

조건문(if, else, switch)

if문: 조건이 참이면 코드를 실행

형식:

       if(조건)  실행 코드;

 

else문: 바로 앞에 실행했던 if문이 참이 아닐 때 사용 가능

형식:

     else 실행코드;

 

switch 조건문: 조건에 따라 분기를 설정하여 실행

    -  default: 조건이 어떤 분기에도 맞지 않을 때 실행

형식:

    switch(조건)

    {

         case 분기1:

                    실행코드;

                     break;

         case 분기2:

                    실행코드;

                     break;

         case 분기3:

                    실행코드;

                    break;

         default:

                    실행코드;

                    break;

    }

 

반복문(for,while)

for문

         -break: 반복문을 완전히 종료함

         -continue: 현재 반복만 종료함

     형식:

                     for(i=시작값;i<=끝값(조건);i=(i의 변화값) ) {

                          실행코드;

                     }

 

for or문:반복이 가능한 객체를 끝까지 차례대로 순회하면서 주어진 코드 실행

     형식:

                      for (i of 객체){

                           실행코드;

                     }

 

while문

      형식: 

                     while(조건){

                            실행코드;

                      }

 

do while문

      형식:

                     do{

                             실행코드;

                      }  while(조건);

 

 

함수

함수: 목적을 달성하거나 원하는 결과를 도출하기 위한 코드 집합

       형식:

                   function 함수이름(사용하려는 인자){

                           실행코드;

                      }

                  

                     함수이름(값)

-인자: 함수의 입력값 (Arguments)

       *인자의 수가 부족해도 오류가 나지 않음(부족한 인자는 undefined로 할당)

-매개변수: 함수의 입력 변수 (Parameter)

 

지역변수:함수 내부에서 선언한 변수

전역변수:함수 외부에서 선언한 변수

 

argument 객체: 전달한 인자를 모두 배열처럼 저장해서 오류가 나지 않음

rest parameter(나머지 매개변수): 지정한 인자를 제외한 나머지 모든 인자를 배열로 묶어 나타낼 수 있음

      형식(Ex) function f(a,b,......rest){

                      }

return: 함수의 반환값

 

 

화살표 함수(함수의 표현식)

함수의 표현식: 함수를 변수의 값에 대입하는 것 처럼 표현식으로 정의 가능

Ex-  

          const sum=function(a,b){

              };

 

화살표 함수: 함수의 표현식보다 간단하게 정의

Ex-

         const sum=(a,b) => console.log(a+b);

 

반응형