본문 바로가기
Diary

개발일기1

by 이히힣 2023. 5. 29.

 

자바스크립트에서 숫자와 문자열(숫자)를 함꼐 쓰면 형변환이 일어난다는 사실을 알고는 있었는데

이론으로 알기만 할 뿐 한 번도 겪어본 적은 없었다.

그러다 오늘 이상한 값이 나왔다며 한참을 보던 코드에서 처음으로 형 변환이 일어난 코드를 보게 되었다!!

뭔가 책에서만 보던 이론을 현실에서 봤을 때의 신기함이란!

 

 

 

문제) 0부터 10가지의 수 중에서 2의 배수만 console.log로 출력하시오.

 

for(let i = 0; i < 11; i++){
	if(i >= 2){
		if(i % 2 === 0){
			console.log(i + "2의 배수")
		}
	}
}

 

이 때 console에 찍혀야 하는 값은 이 값인데

for(let i = 0; i < 11; i++){
	if(i >= 2){
		if(i % 2 === 0){
			console.log(i + "2의 배수")
		}
	}
}

// 나와야하는 값
// 2은 2의 배수
// 4은 2의 배수
// 6은 2의 배수
// 8은 2의 배수
// 10은 2의 배수

 

 

 

 막상 찍어보니 이렇게 나왔다.

for(let i = 0; i < 11; i++){
	if(i >= 2){
		if(i % 2 === 0){
			console.log(i + "2의 배수")
		}
	}
}

// 나온값
// 22의 배수
// 42의 배수
// 62의 배수
// 82의 배수
// 102의 배수

 

당황해서 다시 보니 "은"을 빼먹고 적어 숫자와 문자열(숫자)가 만나 형변환이 일어난 것이다!!

어려운 문법은 아니지만 인위적으로 만든 상황을 제외하고 처음으로 형변환을 보게 되 신기하기도 했고,

문자열에 숫자와 문자가 같이 있어도 두 값이 연속해서 있다면 형변환이 일어난다는 것을 알게 되었다!!😊

 

 

 

 

 

1. 숫자와 문자열(숫자)

let result1 = 1 + "2"
console.log(result1) // 12
console.log(typeof result1)  // string

 

 

 

2. 숫자와 문자열(숫자 + 문자)

let result2 = 1 + "3이지롱"
console.log(result2)  // 13이지롱
console.log(typeof result2)  // string

 

 

 

 

 


형변환을 자세히 알고 싶다면❤️

https://uneverknow.tistory.com/82

 

JavaScript 정복하기[2] - 형변환, 연산자

자바스크립트 형 변환에 대해 알아보자! 형 변환이란 말 그대로 형태를 바꾼다는 뜻이다. 1. 암시적 1-1. 문자열 숫자와 문자열(숫자)가 더할 경우 let result1 = 1 + "2" console.log(result1) // 12 console.log(typ

uneverknow.tistory.com