[JavaScript][TIL] 데이터 타입과 정리

Trippy·2023년 10월 13일
0

JavaScript

목록 보기
2/28
post-thumbnail

데이터 타입

[1] 데이터 타입

  1. 숫자(Number)


  • 정수형 숫자(interger)
let num1 = 10;
console.log(num1); // 10
console.log(typeof num1); // "number"
  • 실수형 숫자(Float)
let num2 = 3.14;
console.log(num2); // 3.14
console.log(typeof num2); // "number" 
  • 지수형 숫자(Exponential)
let num3 = 2.5e5; // 2.5 x 10^5
console.log(num3); // 250000
console.log(typeof num3); // "number"
  • NaN(Not a Number)
let num4 = "Hello" / 2;
console.log(num4); // NaN

❗NaN(Not a Number)은 자바스크립트에서 숫자가 아님을 나타내는 값입니다. 보통 수학적으로 정의되지 않는 계산을 수행하거나, 숫자가 아닌 값을 숫자로 변환하려고 할 때 발생합니다.

  • Infinity
let num5 = 1 / 0;
console.log(num5); // Infinity
console.log(typeof num5); // "number"
  • Infinity
let num6 = -1 / 0;
console.log(num6); // -Infinity
console.log(typeof num6); // "number"

[2] 문자열(string)

문자열은 문자의 나열입니다. ' 나 " 로 감싸서 표현합니다.

let name = 'Alice';
let memssage = "Hello World!";
  • 문자열 길이(length) 확인하기
let str = "Hello, World!";
console.log(str.length); // 13
  • 문자열 결합(concatenation)
let str1 = "Hello";
let str2 = "World!";
let result = str1.concat(str2);
console.log(result); // "Hello World!"
  • 문자열 자르기(substr, slice)
let str = "Hello World!"
console.log(str.substr(7, 5); // "World" 인덱스7번시작 5개까지.
console.log(str.slice(7, 12)); // "World" 인덱스 7시작 인덱스12 전까지.
  • 문자열 검색(search)
let str = "Hello World!"
console.log(str.search("World"); // 7
  • 문자열 대체(replace)
let str = "Hello, World"
let result = str.replace("World!", "JavaScript");
console.log(result); // "Hello, JavaScript"
  • 문자열 분할(split)
let str = "apple, banana, kiwi";
let result = str.split(",");
console.log(result) // ["apple", "banana", "kiwi"]

불리언(Boolean)

불리언은 true와 false를 나타내는 데이터 타입입니다.

let bool1 = true;
console.log(bool1); // true
console.log(typeof bool1); // "boolean"
let bool2 = false;
console.log(bool2); // false
console.log(typeof bool2); // "boolean"

불리언 데이터 타입은 조건문(if, else, switch)등 과 논리 연산자(&&, ||, !)와 함께 많이 사용됩니다. 예를 들어 다음과 같은 코드를 작성할 수 있습니다.

let x = 10;
let y = 5; 
// x가 y보다 큰 경우에 "x is greater than y"를 그렇지 않은 경우에는 "x is less than or equal y"를 출력

if (x > y) {
  	console.log("x is greater than y");
} else {
	console.log("x is less than or equal y");
}

let a = true;
let b = false;

console.log(a && b); // false (and)
console.log(a || b); // true (or)
console.log(!a) // false (반대)

4. undefined

undefined는 값이 할당되지 않은 변수를 의미합니다.

let x;
console.log(x) // undefined

5. null

null은 값이 존재하지 않음을 의미합니다. (의도적)

let y = null;

6. 객체

객체가 매우 중요한 역할을 합니다. 객체는 속성과 메소드를 가지는 컨테이너 입니다.
{}를 사용하여 객체를 생성합니다.

let person = {
  name: "wook",
  age: 27,
  face: "hansome"
}

7. 배열(Array)

배열은 여러 개의 데이터를 순섣로 저장하는 데이터 타입입니다. []를 사용하여 배열을 생성합니다.

let numbers = [1, 2, 3, 4, 5, 6]
let fruits = ['apple', 'banana', 'kiwi']
profile
감금 당하고 개발만 하고 싶어요

0개의 댓글