반응형
자료형
- 데이터 타입이라고도 불리며 실수, 정수, boolean(참/거짓), 숫자 등 여러 종류의 데이터를 식별하는 분류. 변수의 종류
- 종류
- string : 텍스트, 문자열
- number : 숫자형
- boolean : 참 / 거짓, bool(불) 값
- object : 객체, 키와 값으로 이루어진 객체. 중괄호로 정의
- array : 이름과 인덱스로 참조되는 정렬된 값의 집합, 같은 배열 내 요소들은 서로 다른 자료형일 수 있다
- typeof : 변수의 자료형을 알려준다
string : 텍스트 문자열
- 표현방식 ( "", '', `` )
- 한 줄로 표현할 텍스트는 "", ''
- 여러 줄로 표현하거나 변수와 텍스트를 같이 쓰고 싶다면 `` (템플릿 리터널)을 써야 한다
단, 한 줄 텍스트 표현 시에 \(역슬래쉬)를 사용하면 여러 줄로 표현이 가능하다
let string1 = '"abcd"';
let string2 = "abcd";
let string3 = `abcd`;
let string4 = `ds
aklgjhfdsahgdsajhgkj
sdhgl`;
let string5 = "
sdd
dds
";
let string6 = "\
dsfkasdhgkjshfal\
";
number : 숫자형
let number1 = 1;
let number2 = 1.1;
let number3 = 1 / 3;
let number4 = "1"; // 숫자가 아니라 1이라는 문자열이다.
boolean : 참 / 거짓, bool(불) 값
let boolean1 = true;
let boolean2 = false;
let boolean3 = 1;
let boolean4 = "asdf";
let boolean5 = 0;
let boolean6 = "0";
let boolean7 = "\uac00";
객체 : 중괄호에 키와 값(key : value)으로 이루어진 프로퍼티(property) 집합
- 객체는 데이터를 의미하는 프로퍼티와 데이터를 참조하고 조작할 수 있는 동작(behavior)을 의미
- 객체의 키는 문자열 혹은 기호여야 한다.
- 객체의 값은 모든 유형이 될 수 있다
- 객체에 한쌍 뒤에 쉼표를 이용하여 그 뒤에 오는 또 다른 한쌍을 구분해주어야 한다
const obj = {
a: 1,
b: function () {
console.log("b");
},
c: () => {
return "c";
},
};
배열 : 순차적인 데이터 객체
- 리스트 같은 객체라고도 볼 수 있다
- 인덱스를 가진 복수의 자료를 저장할 수 있는 자료구조
- 데이터를 순차적으로 저장되며 중복이 가능
let arr1 = [1, 2, "3", { a: 1, b: 2, c: "3" }, true];
console.log(arr1); // 배열전체
console.log(arr1[0]); // 배열의 첫번째 원소
console.log(arr1[2]); // 배열의 세번째 원소
console.log(arr1[3]); // 배열의 네번째 원소
typeof : 변수의 자료형을 알려준다
console.log(typeof shift1);
console.log(typeof string1);
console.log(typeof number1);
console.log(typeof boolean1);
console.log(typeof undefined1);
console.log(typeof null1);
console.log(typeof obj);
console.log(typeof obj.a);
console.log(typeof obj.b);
console.log(typeof obj.c);
console.log(typeof arr1);
console.log(typeof arr1[0]);
console.log(typeof arr1[2]);
console.log(typeof arr1[3]);
'Javascript' 카테고리의 다른 글
(Javascript) function (0) | 2023.01.13 |
---|---|
(Javascript) 연산자 (0) | 2023.01.12 |
(Javascript) Math (0) | 2023.01.12 |
(Javascript) Array메서드 (0) | 2023.01.12 |
(Javascript) JS & 변수 (0) | 2023.01.12 |