위코드 사전스터디 과정 중 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(함수)

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