연산에서의 암시적 형 변환
+ 연산자와 비교가 형식을 어떻게 변환하는지 예측합니다.
연산에서의 암시적 형 변환은(는) CoddyKit의 무료 JavaScript Academy 강의입니다. 이것은 4개 중 3번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 JavaScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. JavaScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
암시적 형 변환
암시적 형 변환은 연산자가 피연산자를 연산에 필요한 타입으로 바꿀 때 발생합니다. 연산자마다 일으키는 변환이 다릅니다.
console.log("5" + 1)
console.log("5" - 1)문자열이 포함된 더하기
더하기 연산자는 특별합니다. 어느 한쪽 피연산자라도 문자열이면 숫자 덧셈 대신 문자열 연결을 수행합니다.
console.log("3" + 4)
console.log(3 + "4")
console.log("a" + 1 + 2)숫자와 숫자의 더하기
두 피연산자가 모두 숫자이면 더하기 연산자가 두 값을 더합니다. 연산 과정의 뒤쪽에 문자열이 나타날 때는 연산 순서가 중요합니다.
console.log(1 + 2 + "3")
console.log("1" + 2 + 3)빼기는 숫자를 강제합니다
빼기 연산자에는 문자열을 처리하는 의미가 없으므로 숫자처럼 보이는 문자열까지 포함해 두 피연산자를 항상 숫자로 변환합니다.
console.log("10" - "4")
console.log("10" - 4)곱하기와 나누기
빼기와 마찬가지로 곱하기와 나누기 연산자도 피연산자를 숫자로 강제 변환합니다. 숫자가 아닌 문자열은 NaN을 만듭니다.
console.log("6" * "2")
console.log("abc" * 2)단항 더하기
값 앞에 단항 더하기를 붙이면 해당 값이 숫자로 강제 변환됩니다. 간결한 변환 방법입니다.
console.log(+"42")
console.log(+"3.14")
console.log(+true)비교 시 형 변환
보다 작음 연산자 같은 관계 연산자는 피연산자를 숫자로 변환합니다. 단, 둘 다 문자열이면 사전순으로 비교합니다.
console.log("10" > 5)
console.log("apple" < "banana")서로 다른 타입의 비교
한쪽이 문자열이고 다른 쪽이 숫자이면 비교를 위해 문자열이 숫자로 변환됩니다.
console.log("20" > 3)
console.log("3" > 20)산술 연산에서의 불리언 값
산술 연산에서는 불리언 값이 1 또는 0이 되므로, 숫자에 참을 더하면 값이 1 증가합니다.
console.log(true + true)
console.log(5 + false)형 변환에서의 배열
배열을 더하기 연산자와 함께 사용하면 문자열로 변환됩니다. 빈 배열은 빈 문자열이 되고, 요소가 하나인 배열은 해당 요소를 텍스트로 나타냅니다.
console.log([] + [])
console.log([1, 2] + [3])예상 밖의 결과 피하기
실수로 문자열을 연결하거나 NaN이 생기는 일을 막으려면 연산하기 전에 숫자 변환 함수나 문자열 변환 함수를 사용해 명시적으로 변환하세요. 형 변환에 의존하기보다 의도를 분명히 표현하는 편이 낫습니다.
const a = "5"
const b = "3"
console.log(Number(a) + Number(b))간단히 확인하기
형 변환에 대한 지식을 확인해 보세요.
복습
복습: 연산자마다 서로 다른 형 변환을 일으킵니다.
- 어느 피연산자라도 문자열이면 더하기는 문자열을 연결합니다
- 빼기, 곱하기, 나누기는 숫자를 강제합니다
- 비교는 둘 다 문자열이 아닌 한 숫자로 변환합니다
- 예상 밖의 결과를 피하려면 명시적으로 변환하세요
console.log("5" + 1)
console.log("5" - 1)자주 묻는 질문
“연산에서의 암시적 형 변환” 강의는 무료인가요?
네 — “연산에서의 암시적 형 변환” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 JavaScript Academy 강의 전체를 잠금 해제할 수 있습니다. JavaScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.
“연산에서의 암시적 형 변환”에서 뭘 배우나요?
+ 연산자와 비교가 형식을 어떻게 변환하는지 예측합니다. 브라우저에서 직접 실행하는 실습 코드로 JavaScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.
JavaScript Academy을(를) 시작하는 데 경험이 필요한가요?
사전 경험은 필요하지 않습니다. CoddyKit의 JavaScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 3번째 강의입니다.
“연산에서의 암시적 형 변환” 강의는 얼마나 걸리나요?
대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.
이 JavaScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?
네. 모든 JavaScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.
이 강의의 모든 강의
- 참 같은 값과 거짓 같은 값
- 느슨한 동등 비교와 엄격한 동등 비교
- 연산에서의 암시적 형 변환
- 명시적 형 변환 기법