티스토리 뷰

Study/JavaScript

자바스크립트 + 연산자

Corinee 2024. 10. 29. 18:24
728x90

1. 숫자형 변환 (단항 + 연산자)

자바스크립트에서 단항 + 연산자는 문자열이나 다른 타입의 값을 숫자(정수 또는 실수)로 변환하는 데 사용됩니다. 이 방법은 매우 간단하고 자주 사용되는 방식입니다.

예시:

let str = "123";
let num = +str; // 문자열 "123"을 숫자 123으로 변환
console.log(num); // 출력: 123 (숫자)

이 외에도 null, true, false, undefined 같은 값들도 숫자로 변환할 수 있습니다.

다양한 변환 예시:

+true;      // 1
+false;     // 0
+null;      // 0
+undefined; // NaN (Not a Number)
+"123";     // 123 (문자열을 숫자로 변환)
+"123.45";  // 123.45 (실수로 변환)
+"abc";     // NaN (숫자로 변환 불가능한 문자열)

2. 덧셈 연산 (이항 + 연산자)

자바스크립트에서 이항 + 연산자는 숫자끼리 더할 때 사용됩니다. 또한, 문자열을 더할 때는 문자열 연결(Concatenation) 역할을 합니다.

예시:

// 숫자끼리 더하기
let a = 5;
let b = 10;
console.log(a + b); // 출력: 15

// 문자열 연결
let firstName = "John";
let lastName = "Doe";
console.log(firstName + " " + lastName); // 출력: "John Doe"

숫자와 문자열이 섞여 있을 때:

자바스크립트에서 + 연산자가 숫자와 문자열이 함께 있을 때는 문자열을 우선시하여 문자열 연결을 수행합니다.

예시:

let a = 5;
let b = "10";
console.log(a + b); // 출력: "510" (숫자 5가 문자열 "10"과 연결됨)

요약:

  • 단항 + 연산자: 값을 숫자형으로 변환하는 역할을 합니다.
  • 이항 + 연산자: 두 값을 더하거나, 하나가 문자열일 경우 문자열을 연결합니다.

자바스크립트에서는 + 연산자가 이 두 가지 방식으로 사용되므로, 코드의 맥락에 따라 다르게 작동할 수 있습니다.

728x90