▶ JAVA와 차이점
▶ JAVA
ex)
int num = 3;
int num = 5;
num = 6;
▶ JS var
: 재선언 가능 , 재할당 가능
ex)
var num = 3;
var num = 5;
num =6;
▶ JS let
: 재선언 불가능, 재할당 가능, var가 협업에 있어 불편해서 ES6 이후에 등장
ex)
let num = 3;
let num = 5; → 에러!
num = 6; → OK! → 재할당 가능
▶ 실습예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 1. 사용자 이름 '입력'
// 2. 입력 받은 이름 '변수'에
let name = prompt('이름을 입력하세요')
// 3. 데이터를 '출력'
console.log('어서오세요!')
console.log(name+'님, 환영합니다!')
</script>
</body>
</html>
▶ 자료형
▶ undefined : 변수를 선언하고 값을 할당하지 않은 상태
▶ null : 의도적으로 비어있는 상태
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
let num = '3.14'
console.log(num)
// 1. 문자/정수 -> 실수 : parseFloat()
console.log(parseFloat(num))
// 2. 문자/실수 -> 정수 : parseInt()
console.log(parseInt(num))
// 3. 문자 -> 숫자 : Number()
console.log(Number(num))
// 4. 숫자 -> 문자 : String(), toString()
let num2 = 56;
console.log(String(num2))
console.log(num2.toString());
</script>
</body>
</html>
- 2개 : 값만 일치
- 3개 : 값+자료형 일치
▶ 실습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// JAVA 와의 차이점?
// 1. 나누기 연산자 /=> 실제 나누기 결과
console.log(100/3);
console.log(100%3);
// 2. == vs ===
// == 값만 일치
// === 값, 자료형 일치
console.log('5'==5)
console.log('5'===5)
// Case 1 형변환
let num = 456;
console.log('백의자리는 >>',parseInt(num/100)*100)
// Case 2 나누기 연산자
console.log('백의자리는 >>',num-(num%100))
</script>
</body>
</html>
'자바 스크립트' 카테고리의 다른 글
| 배열 기본 개념 및 예제 (0) | 2022.05.12 |
|---|---|
| 반복문 실습 (0) | 2022.05.12 |
| 평균 등급 실습 (0) | 2022.05.12 |
| Javascript의 출력, 입력 (0) | 2022.05.11 |
| Javascript 개념 (0) | 2022.05.11 |