<그냥하자> JavaScript (9) string & Number & boolean

출처 : 인프런 얄팍한코딩사전

string

기본 표기방법은 작은따옴표(''), 큰따옴표("")가 있지만 작은따옴표를 보통 주로 씀. js코드에서는 HTML 코드가 혼재 되어 표시되는 경우가 있기 때문.

문자열 안에 따옴표 사용

자주 사용되는 이스케이프 표현

이스케이프 표현	대체
\'	작은따옴표
\"	큰따옴표
\n	줄바꿈
\t	탭
\	백슬래시

` : 백틱

• 기본적으로 문자열로 표현 가능 '',""같이.
• 문자열 안에 탭과 줄바꿈 그대로 사용 가능

템플릿 리터럴

• ${} 안에 상수나 변수, 표현식 등을 삽입가능하며 다른 자료형도 사용 가능

chat 한테 물어보니,,,

${} 구문을 사용하려면 백틱(``)을 반드시 사용해야 합니다.
문자열 연결(+)을 사용한다면, 백틱 대신 일반 따옴표나 큰따옴표를 사용할 수 있습니다.

for(let dan = 1; dan <=9; dan++) {
  for(let num = 1; num <=9; num++) {
    console.log(`${dan} * ${num} = ${num*dan}`);
  }
}

문자열에 사용되는 연산자

표기방식 구분되지 않음
대소문자 구분
자료형 구분하지 않음 (==, !=)
자료형 구분 (===, !==)

연산자	의미 - 반환된는 여부	비고
x == y	같이 같다.
x === y	자료형도 값도 같다.	권장
x != y	값이 다르다.
x !== y	자료형 또는 값이 다르다.	권장
x<y	사전순상 x가 먼저 온다.
x<=y	사전순상 x가 먼저 오거나 같다.
x>y	사전순상 y가 먼저 온다.
x>=y	사전순상 y가 먼저 오거나 같다.

연결

연산자	의미	부수효과
x + y	x와 y를 이어붙인 값을 반환
x += y	x에 y를 이어붙이고 그 결과를 반환	O

문자열은 -은 없는 연산자이다. 부수효과는 코드의 상태를 변하게 한다.

//값 반환을 보면 str1 += '~~~" -> str2로 값 반환이 일어난다. 더불어 str1도 값에 변하게 되는 것이다.

number

무한대

숫자가 아닌 것 Not a Number

실제 코딩을 할 때에는 어떤값이 들어올지 모르는 상태가 오기 때문에 isNaN같은 함수를 쓴다.

단항 산술 연산자

연산자	반환	부수효과
a++	값 그대로	1 증가
++a	1 증가한 값	1증가
a--	값 그대로	1감소
--a	1 감소한 값	1감소
+a	값 그대로	없음
-a	양음을 반전한 값	없음

자바스크립트의 number 자료형은 부동소수점 사용

자바스크립트는 기본적으로 정수 자료형이 없다. 2진법을 사용하기에 2의 거듭제고으로 나눈 수의 계산은 정확하다. 아울러 라이브러리 활용하면 정수로 표현가능하다. 정수와 실수를 기분하지 않고 전부 하나의 숫자 자료형(숫자형)으로 취급한다는 것이다.

boolean

연산자

• && - AND : 양쪽 모두 true 여부 반환
• || - OR : 한 쪽이라도 true 여부 반환
  
  

단축평가 - short circuit

&& : 앞의 것이 false면 뒤의 것을 평가할 필요 없음
|| : 앞의 것이 true면 뒤의 것을 평가할 필요 없음
평가는 곧 실행 - 이 점을 이용한 간결한 코드
💡 연산 부하가 적은 코드를 앞에 - 리소스 절약

삼항연산자 - 조건문 ? 참 : 거짓 (condition ? exprIfTrue : exprIfFalse;

)

Truthy - true로 평가되는 값들

Falsy -false로 평가되는 값들