TIL <자바스크립트 DEEP DIVE>

이성훈·2022년 11월 7일
0

TIL

목록 보기
16/17

자바스크립트 DEEP DIVE 완독하기 챌린지 2일차.


데이터 타입

데이터 타입의 종류 : 숫자 / 문자열 / 불리언 / undefined / null / symbol

숫자 : 정수 / 실수 / 음의 정수로 나뉜다.

	const one = 1; // 정수
    const two = 10.12 // 실수
    const three = -10; // 음의 정수    

문자열 : 텍스트 데이터를 나타내는데 사용합니다.

	const text1 = ''; // 작은 따옴표로 표현하는 방법
    const text2 = ""; // 큰 따옴표로 표현하는 방법
    const text = ``; // 백틱으로 표현하는 방법
    
    const age = 24;
    
    // 백틱으로 사용하면 표현식으로도 사용할 수 있습니다
    console.log(`나이는 : ${age}`) // 나이는 24 

Boolean Type : 논리적 참 거짓을 나타내는 용도로 사용합니다.

	let foo = true;
    console.log(foo); // true
    foo = false;
    console.log(foo); // false

undefined

  • 개발자가 의도적으로 undefined를 사용하진 않는다.
  • 의도적으로 사용할 경우는 undefined가 아닌 null을 사용
  • var 변수값이 따로 선언되어 있지 않는 경우는 undefinedf로 값이 되어 있다.

Symbol : 변경 불가능한 원시타입 값이다.

  • 다른 값과 중복되지 않는다.
var key - Symbol('key');
console.log(typeof key);
var obj = {};
obj[key] - 'value';

데이터 타입이 필요한 이유

  • 값을 저장할 때 확보해야 하는 메모리공간을 위해.
  • 값을 참조할 때 한번에 읽어 들여야하는 메모리 공간의 크기를 결정하기 위해
  • 메모리에서 읽어 들인 2진수를 어떻게 해석할지 결정하기 위해

동적 타이핑 : 자바스크립트에 변수는 선언이 아닌 할당에 의해 타입 결정
이러한 특징을 "동적 타이핑"이라 한다.


연산자

산술 연산자

  • 이항 산술 연산자 : 2개의 피연산자를 산술 연산하여 숫자 값을 만든다.

    // 이항 산술 연산자
       console.log(5 + 2);
       console.log(5 - 2);
       console.log(5 * 2);
       console.log(5 / 2);
       console.log(5 % 2);
  • 단항 산술 연산자 : 1개의 피연산자를 산술 연산하여 숫자 값을 만든다.

	// 단항 산술 연산자
    let x = 1;
    x++;
    console.log(x); // 2;
    x--;
    console.log(x); // 1;
    
    ======================
    
    let x = 5;
    let result = x++;
    console.log(x, result); // 6 5
    
    result = ++x; // 7
    console.log(x, result) // 7 7

할당 연산자 : 우항에 있는 피 연산자의 평가 결과를 좌항에 있는 변수에 할당.

	let x = 5;
    x += 5; // x = x + 5;
    x -= 5; // x = x - 5;
    x *= 5; // x = x * 5;
    x /= 5; // x = x / 5;
    x %= 5; // x = x % 5;
    

비교 연산자 : 좌항과 우항의 피연산자가 같은 값으로 평가하는지 비교.

 console.log(5 == 5);
 console.log(5 === 5);
 console.log(5 != 6);
 console.log(5 !== 6);
 
 == 와 ===의 차이.
 ==은 타입이 달라도 값이 같으면 true
 ===은 값은 같아도 타입이 다르면 false // type도 같아야 한다.

삼항 조건 연산자 : 표현식으로 값을 평가할 수 있는 표현식문.

	let score = 10;
    const result = score > 5 ? true : false;
    // score가 5보다 크다면 true를 아니면 false를 result값으로.

논리 연산자 : 보통 조건문에서 사용??

  • ||(OR) : 둘 중 하나라도 true값이라면 true
  • &&(AND) : 두개 모두 true여야 true 한개라도 false가 있다면 false
  • !(NOT) : 값을 반전 시키는 용도.

쉼표 연산자

 let x, y, z; // 이렇게 한번에 값을 지정
 x = 1, y = 2, z =3; 
 
 console.log(x, y, z); // 1 2 3;

지수 연산자 : 좌항의 피연산자를 밑으로 우항의 피연산자를 지수로 거듭제곱하여 반환;

	뒷자리가 제곱의 수
    console.log(2**2) // 2의 제곱 == 4
    console.log(2**3) // 2의 3제곱 == 8
profile
코린이

0개의 댓글