제로초의 자바스크립트 입문 3일차 : 2장-2 기본 문법 배우기 (2.3, 2.4)

숑이·2024년 3월 8일
0

3일차!

작심3일은 일단 했다! 아자!

2.3 변수

변수(variable) : 값을 저장하고 저장한 값을 불러올수 있게 하는 것
선언(declaration) : 변수를 만드는 행위
-> 변수를 선언한다

2.3.1 let으로 변수 선언하기

변수를 선언하는 방법은 let, const, var 세가지가 있다.

let 변수명 = 식;

let으로 시작하는 명령을 선언문 이라고 한다.

초기화(initialization) : 변수를 선언함가 동시에 값을 대입하는 행위

  • 변수 선언문은 항상 결과값이 undefined로 출력된다.
  • 변수명과 값은 컴퓨터의 메모리에 저장된다.
  • 변수를 선언할 때 변수에 값을 대입하지 않아도 된다.
  • 값을 대입하지 않은 변수를 입력하면 undefined가 입력된다.

2.3.2 변수명 짓기

사용자가 헷갈리지 않게 의미가 있는 변수명을 사용하도록 한다.

제약사항 : 특수문자는 $와 _만 사용할 수 있으며, 숫자로 시작하면 안된다.
예약어(reserved word)는 자바스크립트 내부에서 사용 중인 단어라서 변수명으로 쓰지 않는다.
ex) await, break, cade, catch 등

2.3.3 변수의 값 수정하기

변수는 한번 저장한 값을 바꿀수 있다.

> let change = '바꿔 봐';
< undefined
> change = '바꿨다!';
< '바꿨다!'

변수에 넣은 값을 비울 때는 undefined를 대입하거나 null을 대입한다.

2.3.4 변수 활용하기

변수를 다른 변수에 대입할 수 있다.

> let number = 5;
< undefined
> number = number +3;
< 8
//축약하기
> number += 3;
<8

코드 중복을 줄일때 사용 가능하다.

console.log('긴 문자열 입니다.');
console.log('긴 문자열 입니다.');
console.log('긴 문자열 입니다.');

중복되는 문자열을 변수로 만들어 코드를 수정할 때 변수의 값만 수정하면 변수를 사용하는 부분이 한 번에 수정된다.

let string1 = '긴 문자열 입니다.'
console.log(string1);
console.log(string1);
console.log(string1);

2.3.5 const로 상수 선언하기

const는 상수(constant)의 줄임말
변수(변하는 수)/ 상수(변하지 않는수)

실수로 값을 수정하는 일을 막기 위해 상수를 사용한다.

한번 값을 대힙하면 다은 값을 대입할 수 없다는 특성 때문에 상수 선언 시 초기화(선언과 동시에 값을 대입하는 것)하지 않으면 에러가 발생한다.

2.3.6 var 알아두기

var는 변수(variable)의 줄임말
var로 변수를 선언하면 해당 문장을 특별히 변수문(variable statement)이라고 한다.

기존에 선언했던 변수를 다시 선언해도 에러가 발생하지 않는다. 이러한 특징 때문에 실수로 같은 변수를 선언하는 문제가 발생할 수 있다.
또한, 예약어에 사용하는 단어를 변수명으로 사용할 수 있다.

이러한 여러가지 이해하기 어려운 특성때문에 요즘에는 let과 const로 변수를 선언하는 방식을 주로 사용한다.

2.4 조건문

조건문 : 주어진 조건에 따라 코드를 실행하거나 실행하지 않는 문

2.4.1 조건문의 기본 형식

if(조건식)
실행문

조건문은 조건식과 실행문으로 구분된다.
조건식이 참인 값으면 실행문이 실행되고, 거짓인 값이면 실행문이 실행되지 않는다.

실행문에서 여러개의 식을 실행할 수 있다.
조건식이 참인 값이라면 식들은 위에서 아래로 차례대로 실행된다.

if(true){
	console.log('Hello, if!');
  	console.log('Bye, again!');
}
Hello, if!
Bye, again!

실행문의 식이 하나일 때는 중괄호를 사용하지 않아도 된다.

2.4.2 else를 사용해 두 방향으로 분기하기

조건식이 false일때도 실행문에 식을 넣을수 있다.

if(false){
	'Hello, if!';
}else{
  'Hello, else!';
}
< 'Hello, else!'

2.4.3 else if를 사용해 여러 방향으로 분기하기

if(조건식)
실행문
else if(조건식)
실행문
else
실행문

2.4.4 중접 if문 사용하기

2.4.5 switch 문으로 분기하기

switch(조건식){
case 비교 조건식 :
실생문
}

switch문에는 조건식이 두 개 사용된다. switch 옆에 있는 소괄호의 조건식 값이 case의 비교 조건식 값과 일치(===)하면 해당하는 실행문이 실행 된다.
보통 조건식에 변수를 넣고, 비교 조건식에는 변수와 비교할 값을 넣는다.

let value = 'A';
switch (value) {
  case 'A':
	'A';
}
< 'A'
let value = 'F';
switch (value){
  case 'A': 
    'A';
    break;
  case 'B': 
    'B';
    break;
  case 'C': 
    'C';
    break;
  defaul : 
    '어느 것도 일치하지 않음';
}
< '어느 것도 일치하지 않음'

switch문은 일치하는 case를 발견하면 일치 여부와 상관없이 그 아래 case들의 실행문을 모두 실행한다. 따라서 원하는 결과만 얻으려면 수동으로 case에서 빠져나와야 한다. 이때 break문을 사용한다.

어떠한 case도 일치하지 않을 때 실행하는 case로 casea대신 default라는 특수한 예약어를 사용한다.

2.4.6 조건부 연산자 사용하기

조건부 연산자 또는 삼항 연산자

조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식

0개의 댓글