TIL 52 | 위코드 사전스터디3 : JS(데이터타입)

위코드 사전스터디 과정 중 JavaScript의 데이터타입에 대해서 정리해본다

데이터타입

  • 데이터타입에는 크게 기본타입(Primitive Type)참조형 타입(Reference Type)이 있다
  • 기본타입에는 number(숫자), string(문자열), boolean(불리언), Undefined, Null이 있고, 참조형 타입에는 array(배열), object(객체), function(함수)가 있다

기본타입(Primitive Type)

✨ Number(숫자)

  • 종류 : 0, 1, 500, 10,000, 0.1...
  • 숫자타입의 데이터는 변수에 담는 것(할당)과 동시에 연산도 가능하다
  • 콘솔에서 숫자 타입의 데이터를 출력하고, 값의 연산에 대한 결과도 출력할 수 있다
  • 연산자의 종류 : +, -, /, *, %(나머지)
  • 숫자 데이터의 console.log 활용
let myNumber1 = 0;
let myNumber2 = 1;
let myNumber3 = 500;
let myNumber4 = 10000;

console.log(myNumber4 / myNumber3 ); // 20

console.log(myNumber1 + myNumber2 ); // 1 

console.log(myNumber3 % myNumber4); // 500(몫 0, 나머지 500)

* 변수에 담지 않고 바로 숫자로도 콘솔로그로 연산 가능

console.log(7 % 2 ); //1 (몫3, 나머지1)

string(문자열)

  • 문자열의 종류 : 'watermelon', 'coffee', 'hello', 'world'
  • 모든 문자열이 전부 string이다
  • string을 표현할 때에는 홑따옴표, 쌍따옴표, 백틱 안에 넣어서 표현한다
  • console.log로는 String과 변수를 같이 조합해서 사용할 수 있다(구분자 ","를 사용한다)
  • string의 console.log 활용
let myName = 'Code Kim';
let number1 = 100;
let number2 = 200;

console.log(myName); // Code Kim

console.log(myName, number1); // Code Kim 100

console.log('100 pulus 200 equals to ', number1 + number2); // 100 pulus 200 equals to 300

console.log안에는 다양한 값이 들어올 수 있다. 문자열, 변수, Number, Number나 문자열이 담겨있는 변수가 들어올 수도 있다

boolean(불리언)

  • 참/거짓을 데이터로 표시한 것. true/false가 그 자체로 데이터의 값이 됨
  • true(1), false(0) : 2진법으로 표현이 된다
  • 문자열 "true", "false"와 Boolean true, false는 다른 것이다
  • console.log()에서의 boolean
let myAnswer = true;
let youAnswer = false;

console.log(myAnswer); // true
console.log(false);  // false는 Boolean의 false
console.log("false");  false는 String의 false

Undefined

  • 기본 타입(데이터 타입) 중 하나이다
  • undefined는 변수가 선언은 됐지만 아직 값이 할당되지 않은 경우를 의미한다.
    👏 변수가 선언됐으나 값을 아직 할당하지 않았을 때, 자바스크립트 엔진이 자동으로 undefined라는 데이터를 할당해준다!

Null

  • 기본 타입(데이터 타입) 중 하나이다
  • null은 '빈 값(blank)'을 의미하는데 사용자가 지정해준 값이다. 사용자가 직접 값이 비었다고 값을 할당해주어야 null값이 생성된다.

Undefined와 Null의 차이

let name;            // undefined
let name = null;     // null

console.log(null == undefined);   // true
console.log(null === undefined);  // false
  • 엄격일치연산(===)는 값 뿐만 아니라 type도 같아야 true가 나온다
  • null의 type은 object
  • Undefined의 type은 undefined
console.log(typeof null);       // object
console.log(typeof undefined);  // undefined

참조형 타입(Reference Type)

Array(배열)

  • 배열이란 값이 일렬로 모여있는 데이터 타입을 의미
  • 형태 : [19, 44, 'good', false]
  • [ ]안에 들어있는 데이터 타입을 '요소'라고 한다
  • 요소로 올 수 있는 데이터 타입 : 숫자, string, boolean
  • 배열시간에 자세히 배울 것이다😘
  • 배열의 예시
let myName = [
  'weCode',
  'sharon'
  ]

console.log(myName); // ["weCode", "sharon"]

Object(객체)

  • 여러 데이터가 모여있는 묶음
  • 배열과 다른 점은 key와 value가 있다는 것이다
  • 객체 시간에 자세히 배우도록 하자😂
  • 객체의 예시
let theirName = {
  oneName : 'Kim',
  twoName : 'Lee',
  isDev: true
}

console.log(theirName); // {oneName : 'Kim', twoName : 'Lee', isDev: true}

Function(함수)

  • 데이터 타입 중 하나인 함수를 의미한다
  • 형태 : 함수이름 + ( ) + { 기능들 }
  • 함수시간에 자세히 배울 것이다😉

좋은 웹페이지 즐겨찾기