[JavaScript] 자료와 변수

ㅁ상수와 변수

상수

• 상수를 만드는 과정을 ‘선언’이라 표현하고, const 키워드로 다음과 같이 선언

> const pi = 3.141592
undefined
> pi
3.141592
> const r = 10
undefined
> 2 * pi * r 
62.83184
> pi * r * r 
314.1592

변수

• 변수를 만들 때는 let 키워드를 사용

> let pi = 3.141592
undefined
> pi
3.141592
> let r = 10
undefined
> 2 * pi * r
62.83184
> pi * r * r
314.1592

• 변수에 적용할 수 있는 연산자
  • 복합 대입 연산자

  복합 대입 연사자	설명	사용 예	의미
  +=	기존 변수의 값에 값을 더하기	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 자료형
  • 상수와 변수로 선언하지 않은 식별자

  > typeof(abc)
  "undefined"
  > typeof(그냥식별자)
  "undefined"
  

• 값이 없는 변수

  > let a
  undefined
  > typeof(a)
  "undefined"
  

자료형 변환

• 문자열 입력
  • prompt(메시지 문자열, 기본 입력 문자열)
  • prompt() 함수 매개변수의역할
  • return() : 함수를 실행한 후 값을 남기는 것

  const input = prompt('message', '_default')
  alert(input)
  

• 불 입력
  • confirm() 함수는 prompr()함수와 비슷한 형태로사용
  • confirm() 함수를 사용하면 사용자에게 확인을 요구하는 메시지 창이 나타남
  • 사용자가 확인 버튼을 클릭하면 true를 리턴하고, 취소 버튼을 클릭하면 false를 리턴

  const input = confirm('수락하시겠습니까?')
  alert(input)
  

• 숫자 자료형으로 변환
  • 다른 자료형을 숫자 자료형으로 변환할 때는 Number() 함수 사용
  • 다른 문자가 들어있어서 숫자로 변환할 수 없는 문자열의 경우 NaN(Not a Number)라는 값을 출력
    • NaN은 JavaScript 에서 숫자이지만, 숫자로나타낼 수 없는 숫자를 의미
  • 숫자 연사자를 이용햐 자료형 변환

  

• 문자열 자료형으로 변환
  • 다른 자료형을 문자열 자료형으로 변환할 때는 String() 함수를 이용

  

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

  

• 불 자료형으로 변환하기
  • 다른 자료형을 불 자료형으로 변환할 때는 Boolean() 함수를 사용
    • 대부분의 자료는 불로 변환했을 때 true로 변환되나, 0, NaN, ‘…’ 혹은 “…“(빈 문자열), null, undefined라는 5개의 자료형은 false로 변환됨

    

  • 논리 부정 연산자를 사용해 자료형 변환하기
    • Boolean() 함수를 사용하지 않고 논리 부정 연산자(!)를 사용해서 다른 자료형을 불 자료형으로 변환
    • 불이 아닌 다른 자료에 논리 부정 연산자를 2번 사용하면 불 자료형으로 변환