[JavaScript] 02-1 기본 자료형

 

자료

 : 프로그래밍에서 프로그램이 처리할 수 있는 모든 것

 

 

자료형

 : 자료 형태에 따라 나눠 놓은 것(자료의 종류)

 

1. 문자열 자료형

 - 문자들의 집합(하나 포함).

 - 따옴표(‘’, “”) 안에 문자를 넣어 생성함.

 - 문자열 안에 따옴표 사용 시 서로 다른 종류로 사용하기.(’This is “string”’ // “This is “string””)

 - 이스케이프 문자(\)

   ➔ \’ & \” : 따옴표를 문자 그대로 쓰고 싶을 때 따옴표 앞에 이스케이프 문자(\) 사용(’This is \’string\’’ // “This is ‘string’”)

   = \n : 줄 바꿈

   (‘동해물과 백두산이\n마르고 닳도록’ 

   // “동해물과 백두산이

   마르고 닳도록”)

   ➔ \t : 탭 (‘이름\t나이\t지역’ // “이름 나이 지역”)

   ➔ \\ : 역슬래시(\) 그 자체를 의미

 - 문자열 연산자_문자열 연결 연산자 : 문자열 + 문자열 (‘가나다’ + ‘라마’ // “가나다라마”)

 - 문자열 연산자_문자열 선택 연산자 : 문자열[숫자] (‘안녕하세요’[1] // “녕”)

 - 문자열 길이 구하기 : .length (“안녕하세요”.length // 5)

 - Uncaught SyntaxError: Unexpected identifier : 식별자가 예상하지 못한 위치에서 등장했다는 오류. 식별자 주변의 잘못된 코드를 수정하면 됨.

 

2. 숫자 자료형

 - 숫자 연산자 : +, -, *, /

 - 나머지 연산자 % : 좌변을 우변으로 나눈 나머지 출력(10%3 // 1)

 

3. 불린 자료형(Boolean)
 - true, false 두 가지뿐임.

 

- 비교 연산자(문자열은 사전의 앞쪽에 있을수록 값이 작다.)

• === : 양쪽이 같다 (‘안녕’ === ‘안녕’ // true)
• !== : 양쪽이 다르다 (1 !== 1 // false)
• > : 왼쪽이 더 크다 (‘가방’ < ‘하마’ // false)
• < : 오른쪽이 더 크다 ( ‘가방’ < ‘하마’ // true)
• >= : 왼쪽이 더 크거나 같다 (5 >= 12 // false)
• <= : 오른쪽이 더 크거나 같다 (5 <= 12 // true)

 

- 불 부정 연산자 !

• !true // false
• !false // !true

 

 - 불 논리합/논리곱 연산자

• && 논리곱 연산자(and) : 양쪽 변의 값이 모두 true면 결과도 true.
• || 논리합 연산자(or) : 양쪽 변의 값 중 하나만 true여도 결과가 true.

 

4. 자료형 검사

 

typeof 연산자 사용(일반적으로 괄호 사용)
➔ typeof(‘문자열‘) // “string”
➔ typeof(23) // “number”
➔ typeof(true) // “boolean”

 

괄호 없이도 사용 가능
➔ typeof ‘문자열’ // “string”
➔ typeof 23 // “number”
➔ typeof true // “boolean”

 

 

+) 템플릿 문자열

 : 백틱(`) 기호로 감싸고 문자열 내부에 `${}`를 사용하여 표현식을 넣으면 계산됨

 : console.log(`표현식 273 + 52의 값은 ${273 + 52}입니다.`)

   // 표현식 273 + 52의 값은 325입니다.

 

 

++) == 연산자와 != 연산자

 : ‘값이 같은지’를 비교

-  === 연산자와 !== 연산자 : ‘값과 자료형이 같은지’를 비교

 

---

 

* 참고 : 윤인성, 『혼자 공부하는 자바 스크립트』