혼자 공부하는 자바스크립트 2장 - 자료와 변수

자료형

typeof(자료)를 통해 자료형을 검사할 수 있다.

문자열

• 'String', "String", `String`등으로 만들 수 있다.
• + 연산자로 문자열을 연결할 수 있다.
• 문자열 선택 연산자를 통해 문자열 내부의 문자 하나를 선택할 수 있다.

• "안녕하세요"[0]
  // "안"
  
  "안녕하세요"[2]
  // "하"

• length 속성을 이용해 문자열의 길이를 알 수 있다.

• "안녕하세요".length
  // 5
  
  "javascript".length
  // 10

숫자

• +, -, *, / 외에도 % 등을 활용해 연산이 가능하다.

불 Boolean

• true 와 false 두 가지가 있다.
• ===, !==, >, <, >=, <= 등의 비교 연산자를 사용할 수 있다.
  • 비교 연산자는 문자열 자료형에도 쓸 수 있는데, 이때 사전의 앞쪽에 있을 수록 값이 작다.

  • "가방" < "하마" // true        가방이 사전의 앞쪽에 있으므로 값이 작다.
    "apple" > "banana" // false        apple이 사전의 앞쪽에 있으므로 값이 작아야 한다.

• 불 부정 연산자인 !를 true나 false 앞에 붙이면 논리값이 역전된다.
• 논리곱 연산자 &&와 논리합 연산자 ||를 사용할 수 있다.

상수와 변수

상수

• const 이름 = 값

• 같은 이름을 가진 두 상수를 지정할 수 없다.
• 한 번만 선언할 수 있으므로 반드시 값을 함께 지정해야 한다.
• 상수를 선언하면 그 상수의 값을 변경할 수 없다.

변수

• let 이름 = 값

• 같은 이름을 가진 두 변수를 지정할 수 없다. 변수의 이름을 다르게 하여 선언해야 한다.
• +=, -=, *=, /=, %= 등의 복합 대입 연산자를 사용할 수 있다.

증감 연산자

• n++, ++n, n--, --n로, 기존의 변수값에 1을 더하거나 빼는 연산을 수행한다.

• let number = 10;
  alert(number++);    // 10

• 위의 예시에서 alert(number++)은 alert(number); number +=1과 같다.
• 다른 책에서 이해하지 못했던 증감 연산자를 이해했다!

undefined 자료형

• 식별자가 상수 혹은 변수로 선언되지 않은 경우
• 변수에 할당된 값이 없는 경우

자료형 변환

숫자 자료형으로 변환하기

Number(자료)

Number("273")    // 273
Number("안녕하세요")        // NaN
Number(true)    // 1

typeof (Number("273"))        // "number"
typeof (Number("안녕하세요"))    // "number"
typeof (Number(true))    // "number"

• NaN은 Not a Number로 숫자로 나타낼 수 없는 자료를 숫자로 변환하려 했을 때 반환된다. 숫자가 아니라는 뜻이지만 자료형은 숫자이다.

"52" - 0    // 52
1 + true    // 2

• 숫자 연산자 -, *, / 를 이용하면 해당 자료형을 숫자 자료형으로 변환한다.
• 불과 숫자를 +로 연결하면 불을 숫자로 변환한다.

문자 자료형으로 변환하기

String(자료)

String(52.273)    // "52.273"
String(true)    // "true"

273 + ""    // "273"
true + ""    // "true"

• 문자열 연결 연산자 + 를 이용하면 문자열 자료형으로 변환할 수 있다.

불 자료형으로 변환하기

Boolean(자료)

Boolean(0)    // false
Boolean(NaN)    // false
Boolean("")    // false
Boolean(null)    // false

let 변수    // undefined
Boolean(변수)    // false

• 대부분의 자료는 불로 변환했을 때 true로 변환된다.
• 0, NaN, "", null, undefined의 5개 자료형은 false로 변환된다.

!!273    // true
!!0        // false

• 논리 부정 연산자 !를 2번 사용하면 불 자료형으로 변환할 수 있다.