[혼공스] Ch.02 자료와 변수

기본 자료형

• 문자열 자료형

문자들의 집합을 문자열이라고 합니다.

자바스크립트에서는 문자가 하나든 여러개든 모두 문자열 자료형이라고 합니다.

 

문자열 만들기

작은따옴표(')을 사용하거나 큰따옴표(")을 사용합니다.

 

문자열 연산자

문자열 사이에 덧셈 기호(+)를 사용하면 문자열을 연결할 수 있습니다.

이때 덧셈 기호를 문자열 연결 연산자라고 부릅니다.

문자열 내부의 문자 하나를 선택할 때는 문자 선택 연산자를 사용합니다.

문자열[숫자]

> '안녕하세요'[0]
"안"
> '안녕하세요'[1]
"녕"

문자열 뒤에 대괄호[...]를 입력하고 괄호 안에 선택할 문자의 위치를 숫자로 지정합니다.

이때 위치를 나타내는 숫자를 인덱스(index)라고 부릅니다.

인데스는 0부터 셉니다.

 

문자열 길이 구하기

문자열 내부의 문자 개수를 문자열 길이라고 표현합니다.

문자열 길이를 구할 때는 length 속성을 사용합니다.

문자열 뒤에 .을 찍고 length라고 입력하면 됩니다.

 

• 숫자 자료형

자바스크립트는 소수점이 있는 숫자와 없는 숫자를 모두 같은 자료형으로 인식합니다.

숫자를 입력하면 숫자 자료가 만들어집니다.

 

숫자 연산자

연산자	설명	연산자	설명
+	더하기 연산자	*	곱하기 연산자
-	빼기 연산자	/	나누기 연산자

나머지 연산자는 좌변을 우변으로 나눈 나머지를 출력하는 연산자입니다.

연산자	설명
%	나머지 연산자

 

• 불 자료형

Boolean이며 불린으로 발음됩니다.

자바스크립트에서는 참과 거짓 값을 표현할 때 불 자료형을 사용합니다.

 

비교 연산자

연산자	설명
===	양쪽이 같다.
!==	양쪽이 다르다.
>	왼쪽이 더 크다.
<	오른쪽이 더 크다.
>=	왼쪽이 더 크거나 같다.
<=	오른쪽이 더 크거나 같다.

 

논리 부정 연산자

! 기호를 사용하며 참을 거짓으로, 거짓을 참으로 바꿉니다.

 

불 논리합/논리곱 연산자

연산자	설명
&&	논리곱 연산자(and)
||	논리합 연산자(or)

 

• 자료형 검사

자바스크립트는 숫자, 문자열, 불 같은 자료형을 확인할 때는 typeof 연산자를 사용합니다.

피연산자를 1개만 갖는 단항 연산자입니다.

typeof(자료)

 

상수와 변수

• 상수

어떠한 자료에 이름을 붙여서 사용하는 것을 상수라고 합니다.

상수를 만드는 과정을 '선언'이라고 표현하고, const 키워드로 다음과 같이 선언합니다.

const 이름 = 값

 

• 변수

변수를 만들 때는 let 키워드를 사용합니다.

특정한 이름의 변수는 한 파일에서 한 번만 선언할 수 있습니다.

let 이름 = 값

 

• 변수에 적용할 수 있는 연산자

변수는 복합 대입 연산자와 증감 연산자를 사용할 수 있습니다.

 

복합 대입 연산자

복합 대입 연산자	설명	사용 예	의미
+=	기존 변수의 값에 값을 더합니다.	a += 1	a = a+1
-=	기존 변수의 값에 값을 뺍니다.	a -= 1	a = a-1
*=	기존 변수의 값에 값을 곱합니다.	a *= 1	a = a*1
/=	기존 변수의 값에 값을 나눕니다.	a /= 1	a = a/1
%=	기존 변수의 값에 나머지를 구합니다.	a %= 1	a = a%1

 

증감 연산자

증감 연산자	설명
변수++	기존의 변수 값에 1을 더합니다(후위).
++변수	기존의 변수 값에 1을 더합니다(전위).
변수--	기존의 변수 값에 1을 뺍니다(후위).
--변수	기존의 변수 값에 1을 뺍니다(전위).

 

• undefined 자료형

값이 없는 변수

변수를 선언하면서 값을 지정하지 않은 경우에 해당 식별자는 undefined 자료형이 됩니다.

참고로 상수는 선언할 때 반드시 값을 지정해야 하므로 값이 없는 상수는 존재하지 않습니다.

 

자료형 변환

• 문자열 입력

prompt() 함수는 사용자로부터 내용을 입력받아서 사용합니다.

prompt(메세지 문자열, 기본 입력 문자열)

 

• 불 입력

confirm() 함수는 prompt() 함수와 비슷한 형태로 사용합니다.

confirm(메세지 문자열)

 

• 숫자 자료형으로 변환하기

다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수를 사용합니다.

Number(자료)

숫자 연산자를 사용해 자료형 변환하기

Number() 함수를 사용하지 않고도 다른 자료형을 숫자 자료형으로 변환할 수 있습니다.

바로 숫자 연산자 -, *, /를 사용하는 것입니다.

숫자가 아닌 다른 자료에서 0을 빼거나, 1을 곱하거나 또는 1로 나누면 숫자 자료형으로 변환합니다.

 

• 문자열 자료형으로 변환하기

다른 자료형을 문자열 자료형으로 변환할 때는 String() 함수를 사용합니다.

String(자료)

문자열 연산자를 사용해 자료형 변환하기

String() 함수를 사용하지 않고도 다른 자료형을 문자열 자료형으로 변환할 수 있습니다.

바로 문자열 연결 연산자(+)를 사용하면 됩니다.

문자열이 아닌 다른 자료에 빈 문자열을 연결하면 문자열 자료형으로 변환합니다.

 

• 불 자료형으로 변환하기

다른 자료형을 불 자료형으로 변환할 때는 Boolean() 함수를 사용합니다.

대부분의 자료는 불로 변환했을 때 true로 변환됩니다. 다만 0, NaN, '...' 혹은 "..."(빈 문자열), null, undefined라는 5개의 자료형은 false로 변환됩니다.

Boolean(자료)

논리 부정 연산자를 사용해 자료형 변환하기

Boolean() 함수를 사용하지 않고 논리 부정 연산자(!)를 사용해서 다른 자료형을 불 자료형으로 변환할 수 있습니다.

불이 아닌 다른 자료에 논리 부정 연산자를 2번 사용하면 불 자료형으로 변환합니다.