Lang/JavaScript

exam01 - 10 / drill

liebert 2022. 5. 27. 01:17

console.log() 메서드는 웹 콘솔에만 메시지 출력한다.

 

ex1 | document.

<script type="text/javascript">
document.write("안녕 자바스크립트!!");
</script>

 

HTML 페이지의 <body> 태그 안을 document 라고 부른다.

 

ex2 -1  | var

	var a = 10
	a = 100
	console.log("1 = >" + a)
	{
		var a = 200
		console.log("2 = >" + a)
		{
			var a = 300
			console.log("3 = >" + a)
			{
				var a = 400
				console.log("4 = >" + a)
			}
			console.log("5 = >" + a)
		}
		console.log("6 = >" + a)
	}
	console.log("7 = >" + a)

var 변수 - 각기 구역 다른 값을 출력한다. 어디에서 어떻게 사용될지 파악하기 힘듬. 때문에 let과 const방식을 보완.

구역 잡아놓은 것과 관계 없이 최근의 a 값을 가지고 내려간다.

 

 

ex2 -2  | let

<script type="text/javascript">
	let a = 100
	a = 250
	console.log("1 = >" + a) //200
	{
		let a = 50
		console.log("2 = >" + a) // 50
		{
			let a = 200
			console.log("3 = >" + a)
			{
				let a = 300
				console.log("4 = >" + a)
			}
			console.log("5 = >" + a)
		}
		console.log("6 = >" + a)
	}
	console.log("7 = >" + a)
</script>

 

let 변수 - 구역내에 변수값이 지정되어 있으면 해당 값을 그대로 가지고 간다. 

let은 변수에 재할당이 가능하다. 하지만, const는 변수 재선언, 변수 재할당 모두 불가능하다. 

 

exam03 - 07 기본연산이라 스킵

 

ex8 Math 함수

	console.log(a + 3); // 1.73
	console.log(parseInt(a) + 3);  // 반올림 x , 4
	console.log(Math.floor(a) + 3); // 4
	console.log(Number(a) + 3);  // 4.7
	console.log(~~(a) + 3); // Math.floor(a) 와 비슷, 4


Math.ceil() : 소수점 올림, 정수 반환
Math.floor() : 소수점 버림, 정수 반환
Math.round() : 소수점 반올림, 정수 반환
toFixed() : 숫자에서 원하는 소수점 길이만큼만 반올림하여서 반환

parseInt() : 문자 -> 정수     "123" -> 123
parseFloat() : 문자 -> 실수     "45.3" -> 45.3
Number() : 문자 -> 정수&실수