data life

JS - 데이터 타입 본문

Front-end/JavaScript

JS - 데이터 타입

주술회전목마 2022. 10. 26. 18:54

데이터 타입

  • 원시 타입
    • Number
    • String
    • Boolean
    • null
    • undefined
    • symbol
  • 객체 타입
    • object

1. Number(숫자)

- 모든 숫자를 실수로 처리함

- 각종 연산 가능 (+, -, *, /, %)

 

2. String (문자열)

- 문자열 길이와 상관없음

- ' ' & " " &` `

- 한 번 정의한 문자열은 변하지 않음

var str = 'hello';
str[0] = 'H';
console.log(str); //hello

2-1. 문자열+ 문자열

var str1= "hi";
var str2 = " nice to meet you";
var result = str1 + str2;

console.log(result); //"hi nice to meet you"

2-2. 인덱스(index)

- 문자열 값의 위치를 나타냄

- 항상 0부터 시작함

var str = "안녕하세요";

console.log(str[0]); //"안"
console.log(str[3]); //"세"

 

3. Boolean(논리유형)

true : ON

false : OFF

0 -0 null NaN undefined ""(빈 문자열)

var b = true;
console.log(typeof b); //boolean

 

4. null

비어있는 값

null 타입 확인은 typeof 연산자가 아닌 (===)일치 연산자 사용

var tmp = null;

console.log(typeof tmp === null); //flase "object"로 인식
console.log(tmp === null); //true

 

5. Undefined

변수를 만들고 그 값을 할당하지 않은 변수

or

존재하지 않는 객체 property에 접근할 경우

var tmp;

console.log(typeof tmp); //undefined
console.log(tmp); //undefined

 

6. Symbol

내부 이름 충돌이 없고 추가 property를 만들 수 있는 고유의 값을 만들어 냄

 

 

Object(객체)

 

1. 속성(key:value)

let user = {       //object
    name: "John",  //key: "name", value:"John"
    age: 30        //key: "age", value: 30
};
  • 속성 키는 문자열 또는 기호(일반적으로 문자열)여야 한다.
  • 값은 모든 유형이 될 수 있다.

 

2. 속성 값에 액세스하는 방법

  • 점 표기법: obj.property
  • 대괄호 표기법 : obj["property"]

 

3. 추가 연산자

  • 속성 삭제: delete obj.prop
  • 주어진 키를 가진 속성이 존재여부 확인 : "key" in obj
let user = {name: "John", age: 30 };

alert( "age" in user ); //true
alert( "address" in user ); //false
  • 객체 반복 : for (let key in obj) loop
let codes = {
    "49": "Germany",
    "41": "Switzerland",
    "44": "Great Britain",
    "1": "USA"
};

for (let code in codes) {
    alert(code);     //1, 41, 44, 49 (오름차순 정렬)
}

 

이 외 다른 종류의 객체

  • Array 정렬된 데이터 컬렉션을 저장
  • Date 날짜와 시간에 대한 정보를 저장
  • Error 오류에 대한 정보를 저장

다음 글에 포스팅할 예정!

'Front-end > JavaScript' 카테고리의 다른 글

Js - Basics, Document  (0) 2022.10.28
JS - 조건문  (0) 2022.10.27
JS - 입력함수, 데이터 타입 변환  (0) 2022.10.27
JS - Function(함수)  (0) 2022.10.27
JS - variables(변수)  (0) 2022.10.26