2022. 12. 28. 15:09ㆍJavascript/TCP school
변수의 선언과 초기화
변수(variable) - 데이터(data)를 저장할 수 있는 메모리 공간, 값이 변경될 수 있음
자바스크립트에서는 var 키워드를 사용하여 변수를 선언
자바스크립트에서는 선언되지 않은 변수를 사용하려고 하거나 접근하려고 하면 오류가 발생
단, 선언되지 않은 변수를 초기화할 경우에는 자동으로 선언을 먼저 한 후 초기화를 진행
var month; // month라는 이름의 변수 선언
date = 25; // date라는 이름의 변수를 묵시적으로 선언선언된 변수는 나중에 초기화할 수도 있고, 선언과 동시에 초기화할 수도 있음
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variables</title>
</head>
<body>
<h1>변수의 선언과 초기화</h1>
<p id="date"></p>
<script>
var month; // 변수의 선언
var date = 25; // 변수의 선언과 동시에 초기화
month = 12; // 변수의 초기화
document.getElementById("date").innerHTML =
"크리스마스는 " + month + "월 " + date + "일입니다.";
</script>
</body>
</html>변수의 선언과 초기화
쉼표(,) 연산자를 이용하여 여러 변수를 동시에 선언하거나 초기화할 수도 있음
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variables</title>
</head>
<body>
<h1>여러 변수의 선언과 초기화</h1>
<p id="date"></p>
<script>
var month, date;
var hours = 7, minutes = 15;
month = 10, date = 5;
document.getElementById("date").innerHTML =
"이번 모임의 날짜는 " + month + "월 " + date + "일입니다.<br>";
document.getElementById("date").innerHTML +=
hours + "시 " + minutes + "분까지 꼭 와주세요!";
</script>
</body>
</html>여러 변수의 선언과 초기화
변수의 타입과 초깃값
자바스크립트의 변수는 타입이 정해져 있지 않으며, 같은 변수에 다른 타입의 값을 다시 대입할 수도 있음
이렇게 한 변수에 다른 타입의 값을 여러 번 대입할 수는 있지만, 한 번 선언된 변수를 재선언할 수는 없음
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variables</title>
</head>
<body>
<h1>같은 변수에 다른 타입의 값 할당</h1>
<p id="result"></p>
<script>
var num = 10; // 변수의 선언과 함께 초기화
document.getElementById("result").innerHTML = num + "<br>";
num = [10, 20, 30]; // 배열 할당
document.getElementById("result").innerHTML += num + "<br>";
var num; // 이 재선언문은 무시됨.
document.getElementById("result").innerHTML += num;
</script>
</body>
</html>같은 변수에 다른 타입의 값 할당
배열(array)이란 여러 값들로 이루어진 하나의 집합
배열에 대한 더 자세한 사항은 자바스크립트 배열 수업에서 확인
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
자바스크립트에서 선언만 되고 초기화하지 않은 변수는 undefined 값을 가짐
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variables</title>
</head>
<body>
<h1>초기화하지 않은 변수의 값</h1>
<p id="result"></p>
<script>
var num; // 변수의 선언
document.getElementById("result").innerHTML = num + "<br>";
num = 10; // 변수의 초기화
document.getElementById("result").innerHTML += num;
</script>
</body>
</html>초기화하지 않은 변수의 값
변수의 이름 = 식별자(identifier)
영문자(대소문자), 숫자, 언더스코어(_) 또는 달러($)로만 구성
숫자로는 시작할 수 없음
대소문자를 구분
예약된 키워드는 이름으로 사용할 수 없음
자바스크립트의 식별자에 대한 더 자세한 사항은 자바스크립트 문법 수업에서 확인
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
참고
http://www.tcpschool.com/javascript/js_datatype_variable
코딩교육 티씨피스쿨
4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등
tcpschool.com
'Javascript > TCP school' 카테고리의 다른 글
| 대입 연산자 (0) | 2022.12.28 |
|---|---|
| 산술 연산자 (0) | 2022.12.28 |
| 타입 변환 (0) | 2022.12.28 |
| 기본 타입 (0) | 2022.12.27 |
| 자바스크립트 적용 (0) | 2022.12.27 |