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"과 연결됨)
요약:
- 단항 + 연산자: 값을 숫자형으로 변환하는 역할을 합니다.
- 이항 + 연산자: 두 값을 더하거나, 하나가 문자열일 경우 문자열을 연결합니다.
자바스크립트에서는 + 연산자가 이 두 가지 방식으로 사용되므로, 코드의 맥락에 따라 다르게 작동할 수 있습니다.
'Category > JavaScript' 카테고리의 다른 글
| Axios: HTTP 요청을 쉽게 만드는 JavaScript 라이브러리 (3) | 2024.11.11 |
|---|---|
| [JavaScript] 브라우저의 기본 동작 막기 event.preventDefault() (1) | 2024.11.07 |
| 자바스크립트 reduce() (1) | 2024.10.29 |
| 자바스크립트 filter() (0) | 2024.10.29 |
| setTimeout() (0) | 2024.08.28 |