[2023 신입부원 기초 스터디] 박민규 #5주차 - JavaScript

JavaScript에서의 주석

// 주석을 달 수 있다.

 

변수와 상수

변수의 선언 코드

let 변수명;                  or          let 변수명 = 할당값;

변수명 = 할당값;

 

상수의 선언 코드

const 상수명 = 할당값;

 

변수는 계속 할당값을 바꿀 수 있고, 상수는 바꿀 수 없다.

 

원시 데이터 타입

const msg = "문자열" + 변수 + "문자열" + 변수 + "문자열" 

const msg = `문자열 ${변수} 문자열 ${변수} + 문자열`

위 두 코드의 출력값이 같다.

 

console.log(typeof 변수); 를 통해 변수의 타입을 알 수 있음

변수에 조건식을 입력하면 ex) 10 < 20 그 타입은 boolean이다.

 

null : 아무 값이 없음을 나타냄.

undefined : 값이 아직 지정되지 않음을 나타냄

 

참조 데이터 타입

원시 데이터의 집합이며, 값들을 heap안에 보관해둔다.

 

1. 배열 : 데이터들의 집합으로 구성됨. ex) [1, 2, 3] 숫자데이터의 집합 

console.log(arr[0])   <-- 이런식으로 인덱스를 이용하여 원하는 요소만 출력 가능.

 

2. 객체 :  key와 값들로 구성됨. ex) const 변수 = {

                                                           name: '박민규',               name과 job은 key이고 '박민규'와 '개발자'는 값이다.

                                                           job: '개발자',

                                                       }

console.log(변수.key이름);     or     console.log(변수['key이름'];  을 통해 key의 값을 호출가능

일반적으로 첫번째 방식을 주로 사용.

 

객체 안에 새로운 배열, 객체를 넣을 수도 있고,

배열 안에 새로운 객체, 배열을 넣을 수도 있다.

 

산술 연산자

주로 우리가 사용하는 +(더하기), -(빼기), *(곱하기), /(나누기) 의 연산자가 있고,

%(모듈러)라고 하는 나머지 연산자와

**(거듭제곱)이라고 하는 지수 연산자도 존재한다. 

 

증감 연산자

숫자를 증가시키거나 감소시키기 위해 사용하는 연산자. 

++를 사용하면 숫자 1증가

--를 사용하면 숫자 1감소

 사용 예시)

let num = 10;

num++;

console.log(num);          ----> 11 출력  

 

비교 연산자

< , > : 부등호가 열린쪽이 더 크다.

<=, >= : 부등호가 열린쪽이 더 크거나 같다.

 

==는 추상비교, ===는 엄격비교

예시) a = 123, b = '123' 일 때,

a == b  <-- True

a === b  <--False

 

논리 연산자 

&& (and) : 그리고

|| (or) : 혹은

! (not) : 아니다

 

삼항 연산자

형태 : (조건) ? (참일 때 실행될 부분) : (거짓일 때 실행될 부분)

console.log(2 < 3 ? '참' : '거짓');   <--- 참 출력됨

console.log(2 > 3 ? '참' : '거짓');   <--- 거짓 출력됨

 

널리쉬 연산자

?? : 여러개의 피연산자 값이 확정되어 있는 변수를 찾음 

 

예시)

const a = undefined;

const b = null;

const c = '박민규';

console.log(a ?? b ?? c);

박민규 출력.

 

비트 연산자

&

|

~

^

<<

>>

 

복합 대입 연산자

+= 

-=

*=

/=

%=

**=

파이썬의 복합 대입 연산자와 같은 역할을 함

ex) 

let num = 10;

num = num + 3;  ==  num += 3;

 

전개 구문(전개 연산자)

const nums = [1, 2, 3];

console.log(...nums);

nums의 배열을 모두 전개해서 출력해 줌

1 2 3 출력.