[2023 신입부원 기초 스터디] 김승혁 6주차 JS

조건문(if, switch)

if

const a = 10;
const b = 20;
if(a < b){
	console.log('a가 작다')

-> a가 작다 (출력값), 거짓이면 출력 x

const a = 10;
const b = 20;
const c = 20;
if(a < b){
	console.log('a가 작다')
} else if (b===c){
	console.log('b=c')
} else{
	console.log('거짓!')
}

switch

동일한 조건이 주어지고 그 값에 따라 명령 달라짐

 

const number = 10;
switch(number){
	case 1:
    	console.log(number);
        break;
	case 2;
    	console.log(number);
        break;
    default;
        console.log('아무것도 해당x')
}

case와 break는 한 쌍 break 생략하면 이후 break를 만날때까지 그 사이 모든 코드 실, default는 아무것도 해당되지 않을 때 마지막에 실행

 

상황에 따라서 if, switch 사용

 

반복문(for/while)

for

for (let i = 0; i < 5; i++){
	console.log(i);
}

for문은 c랑 비슷하네욥

위 예문에서 let i를 앞으로 뺄 수도 있다

let i = 0;

for (; i<5; i++)
	console.log(i)
}

맨 처음 ; 생략하지 않기!  + 증감식도 생략가능

 

break 사용하면 조건이 끝나지 않아도 반복문 빠져 나올 수 있다아(if문과 같이 사용)  --> 반복문 빠져나감

continue 사용하면 그 값을 건너뜀(if문과 같이사용)  --> 반복문 빠져 나가지 않

 

for of(배열 for)

배열, 문자열에서 사용

변수, of, 반복가능 객체 선언

const arr = [1, 2, 3]
for (const i of arr){
	console.log(i);
}

-> 1 2 3 (배열 요소를 출력)

 

while

조건이 참일 때만

let i = 0;
while(i < 10){
	console.log(i++);
}

do while

조건문을 반복문 끝 위치에 놓기

 

let i = 0;

do{
	console.log(i++);
}while(i<10);

첫번째는 무조건 실행, 그 다음 반복문으로 넘어가기 전에 조건문 판단

 

함수

계속 사용할 코드들을 모아 놓은 것

 

지역변수, 전역변수 : 지역변수를 밖에서 출력x,

 

호출된 인자의 개수가 부족할 때 : 아무 문제x but 결과값 안 나옴 -> 기본적으로 undefind가 할당되어있기 때문에

    기본값 지정하면 결과값 나옴

호출된 인자의 개수가 많을 때 : 아무 문제x and 결과값 나옴 -> arguments 덕분, 초과된 인자는 무시됨

    ex) console.log(arguments[0[) -> 더 많은 값 접근 가

더 많은 인자들 : ...rest 사용 -> 모든 인자 접근 가능, ...rest는 나머지 인자 값들 하나의 배열로 받음

    ex) function print(a, b, ...rest)

 

return 함수 사용하면 실행중인 함수를 종료하고 return 뒤의 값을 반환

 

함수의 표현식

 

function sum(a, b) {
	console.logf(a+b);
}

const sum = function (a, b) {
	console.logf(a+b);
}

두 개는 동일하다

 

화살표 함수

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

더 간단히 표현 가능

{} 없으면 return 자동으로 되지만, {} 있다면 return 사용해야됨

인자의 개수 하나 일때는 () 생략 가능, 인자가 없거나 두개 이상이라면 () 생략 x

 

function hello() {
    console.log('Hello!');
    console.log('word');
}

const hello = () => {
    console.log('Hello!');
    console.log('word');
}

동일

 

function greeting(user) {
    console.log(`Hello, ${user}!`);
}

cons greetion = (user) => {
    console.log(`Hello, ${user}!`);
};

동일