[java script] 1장.변수와 자료형

김수지·2020년 9월 10일
0

lesson

목록 보기
1/4

[변수]

변수란?
자바스크립트의 변수란 상황에 따라 변할 수 있는 값이며, 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'이다.

let num;
  • num이라는 변수를 선언한다.
num = 123;
  • num이라는 변수에 123이라는 숫자를 할당한다.

즉, num이라는 상자를 생성하고 num이라는 상자안에 123이라는 숫자를 넣어주는 것이다.

let num = 123;
num = 456;
  • 변수를 선언함과 동시에 변수안에 숫자를 할당시키는 것도 가능하다.
  • 선언한 변수를 다른값으로 바꾸어 줄 수 있다.


    대표적인 예)
let pi = 3.14; // 원주율은 3.14로 가장하겠습니다.
let radius = 5; // 반지름이 5인 원의 넓이

표현식(expresstion)에서 이러한 변수들을 사용할 수 있다.

let areaOfCircle = pi * radius * radius;
console.log(areaOfCircle);
  • 변수areaOfCircle를 선언함과 동시에 변수들을 곱하여 할당한다.
  • 여기서 변수는 동일한 변수를 이용해 대입할 수 있습니다.
  • console.log(불러낼 값)을 이용해 출력할 수 있다.

실행결과

78.5



[자료형]

자바스크립트에서 값은 항상 문자열이나 숫자형 같은 특정한 자료형에 속한다.
자바스크립트에는 여덟 가지 기본 자료형이 있다.

숫자형

let num = 12;
num = 12.34;
  • 숫자형(number type)은 정수 및 부동소수점 숫자(floating point number)를 나타낸다.


    숫자형엔 일반적인 숫자 외에 Infinity,-Infinity,NaN 같은 '특수 숫자 값(special numeric value)'이 포함된다.
let inf = 1/0;
let minus_Inf = -1/0;
let n_Num = '숫자가 아님'/2;
console.log(inf);
console.log(minus_Inf);
console.log(n_Num);

실행결과

Infinity
-Infinity
n_Num
  • Infinity -> 어떤 숫자보다 큰 특수 값, 무한대(∞)를 나타낸다. (- 부등호도 표현가능)
  • NaN -> 계산 중 에러가 발생했다는 것을 나타내주는 값이다. 부정확하거나 정의되지 않은 수학 연산을 사용하면 계산 중 에러가 발생하는데, 이때 NaN이 반환된다.

BigInt

let b_Num1 = 1111111111111111111111111111111111;
let b_Num2 = 1111111111111111111111111111111111n;

실행결과

1.1111111111111111e+33
1111111111111111111111111111111111n
  • 내부 표현 방식 때문에 자바스크립트에서는 (253-1)(9007199254740991) 보다 큰 값 혹은 -(253-1) 보다 작은 정수는 '숫자형’을 사용해 나타낼 수 없다.
  • BigInt형 값은 정수 리터널 끝에 n을 붙이면 만들 수 있다.
  • 대부분 BinInt를 사용해야할 상황이 없지만, 암호 관력 작업같이 아주 큰 숫자가 필요한 상황이거나 아주 높은 정밀도를 작업을 해야 할 때는 이런 큰 숫자가 필요하다.

문자형

let str = "Hello";

console.log("Hello");
console.log('Hello,java');
console.log(`${str},java script!`);
console.log(`Hello,java script!${2/1}`);

실행결과

Hello
Hello,java
Hello,java script!
Hello,java script!2
  • 자바스크립트에선 문자열(String)을 따옴표로 묶는다. 따옴포는 세 종류가 있다.
    • 큰따옴표 ""
    • 작은따옴표 ''
    • 역 따옴표(백틱,backtick) ``
  • 큰따옴표와 작은따옴표는 기본적인 따옴표로, 자바스크립트에서는 이 둘에 차이를 두지 않는다.
  • 역 따옴표에 ${변수나 표현식}안에 넣어주면, 위와 같이 str 변수나 2/1같은 수학 관련 표현식을 문자열 중간에 손쉽게 넣을 수 있다.(결과값은 문자열이 됩니다.)

불린형

불린형(논리 타입)은 true(참)와 false(거짓) 두 가지 값밖에 없는 자료형이다.

let bool = 4>1; // 4는 1보다 크기 때문에 bool값에는 true가 들어가게 된다.
let bool2 = false; // 이와같이 변수선언함과 동시에 false값을 넣어줄 수 있다.
  • boolean(불린형)은 어떠한 것을 참인지 거짓인지 비교할 때 사용된다.

'null'값

null 값은 오로지 null값만 포함하는 별도의 자료형을 만든다.

let number = null;
  • 자바스크립트의 null은 다른 언어들과 다르게 존재하지 않는 값, 알 수 없는 값을 나타내는 데 사용된다.
  • let number = null 에 number는 알 수 없거나 그 값이 비어있음을 보여준다.

'undefined'값

undefined 값도 null 값처럼 자신만의 자료형을 형성한다.

let number; // number를 출력하면 'undefined'가 출력된다.
let number2 = undefined; //변수의 값 자체에 undefined를 할당할 수 있다.
  • undefined는 '값이 할당되지 않은 상태'를 나타낼 때 사용한다.

그 외에 객체와 심볼 , typeof 연산자가 있는데, 이것은 나중에 차차 알아가보도록 하겠다.






참조사이트:https://ko.javascript.info/types

profile
개발자가 되기까지

0개의 댓글