본문 바로가기

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

[2023 신입부원 기초 스터디] 도승준 6주차 - JS 2회차

반응형

이번주는 조건문, 반복문, 함수에 대해 배웠어용. 우리가 원래 알고 있던 프로그래밍 언어들과 크게 다르지 않으니, 간단하게 짚고 넘어가겠습니당.

 

 

조건문 : 조건이 참 / 거짓인지에 따라 다른 코드로 분기하기 위한 코드

if( A > 0){
	console.log(A) // A가 0보다 크면, 조건이 참이면 실행되는 코드
}
	console.log(B)

위 와같은 코드에서 조건이 참이라면 A와 B의 값이 모두 콘솔에 출력되고, 조건이 거짓이라면 B의 값만 출력되게 된다.

if( A > 0){
	console.log(A) // A가 0보다 크면, 조건이 참이면 실행되는 코드
}
else{
	console.log(B)
}

마찬가지로 조건이 참이면, A가 출력되고, 거짓이면 B가 출력되는 코드이다.

 

기타 여느 언어들과 마찬가지로 else if 의 활용도 가능하다.

SWITCH 문

SWITCH문도 조건문의 일종인데, 마찬가지로 코드를 보며 살펴보도록 하자

const number = 10;
switch (number){
	case 1:
    	console.log(number);
        break;
    case 10:
    	console.log(number);
        break;
    default:
    	console.log("참이 되는 경우가 없음);
}

switch문은 인자를 받아서, case를 나눠 case의 값이 (정수만 가능하다) 인자와 일치할때 아래의 문장을 실행하게 된다.

단, 인자가 참일때부터 그 아래 case까지 쭉 실행이 되기 때문에 의도한 것이 아니라면 break를 통해 빠져나가 주어야한다.

default는 if문의 else와 마찬가지로 모든 조건이 참이 아닐때 실행하는 코드이다.

 

반복문

반복문은 어떠한 코드를 반복적으로 수행하기 위해 사용하는 코드이다.

크게 for문과 while문이 있다.

for(let i=0; i<5; i++){
	console.log(i); //실행할문장
}

for문은 위와 같이 사용한다. 괄호 안의 문장이 반복을 위한 조건문인데, let i = 0 이 시작값이고, i<5는 조건문, 즉 조건이 참일때만 아래 동작을 수행하는 것이다. 또한 코드 수행을 마치고 나면 i++ 즉 증감문을 수행하게 된다.

이때 i 를 for문 바깥에 수행해줘도 무방하고, 증감문을 for문 블락 안에 넣어도 무방하다.

 

반복문을 사용할때 중요한 키워드 두가지가 있는데, 바로 continue와 break이다. continue는 아래 코드들의 실행을 무시하고 현재 블락의 끝까지 이동하는 코드이고, (즉 다음 스텝으로 넘어간다). break는 가장 가까이 있는 반복문(블락)을 탈출하는 코드이다.

 

그 외에 JS에서만 봤던 특이한 문법이 있는데, 바로 for of문이다.

const arr = [1, 2, 3];

for(const i of arr){
	console.log(i);
}

위 코드는 객체 arr(배열)을 받아서 배열안의 모든 원소를 순회하는 코드이다.

 

 

함수(function)

- 일반적으로 반복적인 동작을 여러번 수행하기 위해서 만드는 코드의 집합을 의미함.

 

보통function 함수의 이름(매개변수) 와 같이 선언한다.여기서 매개변수란 함수의 입력변수를 말하고, 매개변수는 인자를 받아오는데 인자는 함수의 입력값을 말한다.

 

함수 선언부에 (a,b, .... rest)와 같이 선언하면 인자를 여러개 넘겨줄 수 있다! C++엔 웨 이런거 엄서용?

 

다음은 화살표 함수에 대해서 알아보겠다. 타 언어들의 람다함수와 똑같은 것 같다.const sum = (a,b) => console.log(a+b); 와 같이 보통 쓰는데, 여기서 sum은 함수 이름이고, (a,b)는 사용할 인자,=>뒤의 코드는 당연하겠지만 실행할 코드이다.위와같이 실행할 코드가 1줄일때 중괄호를 생략하면 return또한 생략가능하다. 단, 인자의 개수가 하나 일때만 괄호 생략이 가능하다.

 

시험빨리끝내줘 !!!! 아니다 끝내지말아줘...

반응형