자료형은 어떻게 사용할까?
자료형
--
자료형은
데이터의 종류를 의미하고 크게 2가지로 구분된다.
- 기본 자료형 : string(문자열), number(숫자), 논리(boolean), undefined, null, Symbol
- 참조 자료형 : object(객체)
--
문자열 (string)
--
문자열을 가지는 자료형으로 작은따옴표(') 또는 큰 따옴표(")로 묶은 문자열을 값으로 가진다.
예시 코드
let string1 = "Hello, World!";
let string2 = 'Hello, World!';
console.log(string1);
console.log(string2);
-----출력 결과-----------------------------------
Hello, World!
Hello, World!
문자열에 작은 따옴표(')가 들어가야 하면 해당 문자열은 큰 따옴표(")로 묶어야 하고
큰 따옴표(")가 들어가야 하면 해당 문자열은 작은따옴표(')로 묶어야 한다.
아니면 이스케이프 문자를 사용하여 문자열 안에 작은/큰 따옴표를 넣을 수도 있다.
ES6에서 추가된 기능으로 "백틱(`)"으로 문자열을 묶어서 정의할 수도 있다.
백틱 특징
- 문자열 내부에 작은 따옴표와 큰 따옴표 모두 작성 가능
- 문자열에 엔터하여 줄 바꿈 한 내용도 모두 적용
- $() 문법으로 문자열 내부에 변수 or 식을 넣어 해당 값을 문자열에 포함 가능
(ex. let string = `${a} 곱하기 ${b}는 ${a * b}다.`; / 5 곱하기 4는 20다.)
--
숫자 (number)
--
모든 숫자를 값으로 가지는 자료형이며
정수와 실수를 구분하지 않고 모든 숫자를 취급한다.
예시 코드
let num1 = 10;
let num2 = 0.1;
console.log(num1);
console.log(num2);
-----실행 결과----------
10
0.1
주의
실수를 부동 소수점 방식으로 표현하므로 실수 계산이 정확하지 않다.
ex. let sum = 0.1 + 0.2; / 0.3000000000004
--
논리 (boolean)
--
참(true)와 거짓(false) 값만 가지는 자료형이다.
예시 코드
let boolean1 = true;
let boolean2 = false;
let boolean3 = 10 < 20;
let boolean4 = 10 > 20;
console.log(boolean1);
console.log(boolean2);
console.log(boolean3);
console.log(boolean4);
-----실행 결과-------------
true
false
true
false
--
undefined
--
변수나 상수를 선언할 때 값이 없을 경우 임시로 할당되는 데이터로
undefined 자체가 값으로 들어가며 아직 값이 부여되지 않은 상태를 의미한다.
예시 코드
let empty;
console.log(empty);
-----실행 결과----------
undefined
--
null
--
선언한 공간이 비어있다는 의미로 사용된다.
예시 코드
let empty = null;
console.log(empty);
-----실행 결과---------
null
--
object (객체)
--
기본 자료형을 제외한 모든 데이터와 자료구조는 객체(object)라고 할 수 있다.
(배열, 객체, 리터럴, 함수 등)
배열
여러 데이터를 한 곳에 정의할 수 있다.
(한 요소에 다양한 자료형 데이터를 담을 수 있다.)
여러 데이터를 담은 배열은 인덱스를 통해 각 데이터에 접근할 수 있으며
인덱스는 0부터 시작한다.
예시 코드
let score = [60, 80, 100, 55];
console.log(score[2]);
-----출력 결과-------------
100
// 빈 배열도 가능
let arr = [];
객체 리터럴
객체를 정의하는 방법 중에 가장 간단한 방법으로
중괄호를 사용하여 키(key)와 값(value)의 한 쌍으로 이루어진 속성을 담는다.
예시 코드
let studentScore = {
korean:80,
english:70,
math:90,
science:60
};
console.log(studentScore.korean);
console.log(studentScore['english']);
-----출력 결과------------------
80
70
- korean:80 = 속성
- korean = 키
- 80 = 값
--
'Language > Java Script' 카테고리의 다른 글
반복문 (0) | 2025.03.21 |
---|---|
조건문 (0) | 2025.03.21 |
연산자 (0) | 2025.03.20 |
변수와 상수 (0) | 2025.03.18 |
자바스크립트 사용 방법 (코드 작성 방법) (0) | 2025.03.17 |
자료형은 어떻게 사용할까?
자료형
--
자료형은
데이터의 종류를 의미하고 크게 2가지로 구분된다.
- 기본 자료형 : string(문자열), number(숫자), 논리(boolean), undefined, null, Symbol
- 참조 자료형 : object(객체)
--
문자열 (string)
--
문자열을 가지는 자료형으로 작은따옴표(') 또는 큰 따옴표(")로 묶은 문자열을 값으로 가진다.
예시 코드
let string1 = "Hello, World!";
let string2 = 'Hello, World!';
console.log(string1);
console.log(string2);
-----출력 결과-----------------------------------
Hello, World!
Hello, World!
문자열에 작은 따옴표(')가 들어가야 하면 해당 문자열은 큰 따옴표(")로 묶어야 하고
큰 따옴표(")가 들어가야 하면 해당 문자열은 작은따옴표(')로 묶어야 한다.
아니면 이스케이프 문자를 사용하여 문자열 안에 작은/큰 따옴표를 넣을 수도 있다.
ES6에서 추가된 기능으로 "백틱(`)"으로 문자열을 묶어서 정의할 수도 있다.
백틱 특징
- 문자열 내부에 작은 따옴표와 큰 따옴표 모두 작성 가능
- 문자열에 엔터하여 줄 바꿈 한 내용도 모두 적용
- $() 문법으로 문자열 내부에 변수 or 식을 넣어 해당 값을 문자열에 포함 가능
(ex. let string = `${a} 곱하기 ${b}는 ${a * b}다.`; / 5 곱하기 4는 20다.)
--
숫자 (number)
--
모든 숫자를 값으로 가지는 자료형이며
정수와 실수를 구분하지 않고 모든 숫자를 취급한다.
예시 코드
let num1 = 10;
let num2 = 0.1;
console.log(num1);
console.log(num2);
-----실행 결과----------
10
0.1
주의
실수를 부동 소수점 방식으로 표현하므로 실수 계산이 정확하지 않다.
ex. let sum = 0.1 + 0.2; / 0.3000000000004
--
논리 (boolean)
--
참(true)와 거짓(false) 값만 가지는 자료형이다.
예시 코드
let boolean1 = true;
let boolean2 = false;
let boolean3 = 10 < 20;
let boolean4 = 10 > 20;
console.log(boolean1);
console.log(boolean2);
console.log(boolean3);
console.log(boolean4);
-----실행 결과-------------
true
false
true
false
--
undefined
--
변수나 상수를 선언할 때 값이 없을 경우 임시로 할당되는 데이터로
undefined 자체가 값으로 들어가며 아직 값이 부여되지 않은 상태를 의미한다.
예시 코드
let empty;
console.log(empty);
-----실행 결과----------
undefined
--
null
--
선언한 공간이 비어있다는 의미로 사용된다.
예시 코드
let empty = null;
console.log(empty);
-----실행 결과---------
null
--
object (객체)
--
기본 자료형을 제외한 모든 데이터와 자료구조는 객체(object)라고 할 수 있다.
(배열, 객체, 리터럴, 함수 등)
배열
여러 데이터를 한 곳에 정의할 수 있다.
(한 요소에 다양한 자료형 데이터를 담을 수 있다.)
여러 데이터를 담은 배열은 인덱스를 통해 각 데이터에 접근할 수 있으며
인덱스는 0부터 시작한다.
예시 코드
let score = [60, 80, 100, 55];
console.log(score[2]);
-----출력 결과-------------
100
// 빈 배열도 가능
let arr = [];
객체 리터럴
객체를 정의하는 방법 중에 가장 간단한 방법으로
중괄호를 사용하여 키(key)와 값(value)의 한 쌍으로 이루어진 속성을 담는다.
예시 코드
let studentScore = {
korean:80,
english:70,
math:90,
science:60
};
console.log(studentScore.korean);
console.log(studentScore['english']);
-----출력 결과------------------
80
70
- korean:80 = 속성
- korean = 키
- 80 = 값
--
'Language > Java Script' 카테고리의 다른 글
반복문 (0) | 2025.03.21 |
---|---|
조건문 (0) | 2025.03.21 |
연산자 (0) | 2025.03.20 |
변수와 상수 (0) | 2025.03.18 |
자바스크립트 사용 방법 (코드 작성 방법) (0) | 2025.03.17 |