코드 그라데이션
3. 자바스크립트 기본 문법 (1) 변수, 자료형 본문
변수와 상수
- 변수 : 프로그램을 실행하는 동안 여러 번 달라질 수 있는 데이터
- 상수 : 값을 지정하면 바뀌지 않는 데이터
변수 선언의 규칙
1. 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용한다.
- 첫 글자는 영어 대소 문자나 언더스코어, 숫자나 기호, 띄어쓰기는 허용하지 않는다.
2. 영어 대소 문자를 구분하며, 예약어는 변수 이름으로 쓸 수 없다.
3. CamelCase 형식으로 작성한다.
4. 변수 이름은 의미 있게 작성해야 한다.
변수 선언하기
- 기본형 : var 변수명;
- 쉼표로 한꺼번에 사용도 가능.
- = 을 통해 변수에 값 할당.
- 변수 선언과 값 할당 따로 할 수도 있고, 같이 할 수도 있음.
예제 : 나이 계산 프로그램 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>나이 계산하기</title>
</head>
<body>
<script>
var currentYear = 2021;
var birthYear;
var age;
birthYear = prompt("태어난 연도를 입력하세요. (YYYY)", "");
age = currentYear - birthYear + 1;
document.write(currentYear + "년 현재<br>"); // 값을 화면에 표시
document.write(birthYear + "년에 태어난 사람의 나이는 " + age + "세입니다.");
</script>
</body>
</html>실행 결과
자료형
: 컴퓨터가 처리할 수 있는 자료의 형태
자바스크립트 자료형 정리
자료형을 확인하는 방법
- typeof + 변수(또는 실제 자료형)
숫자형
: 정수와 실수
정수
: 소수점 없는 숫자
실수
: 소수점이 있는 숫자
cf. 자바스크립트에서는 정밀하게 숫자를 계산하는 프로그램을 만들 때는 주의가 필요하다.
문자열
: 작은따옴표나 큰따옴표로 묶은 데이터
논리형
: 참과 거짓의 값을 표현하는 자료형
undifined, null 유형
- undifined : 자료형이 정의되지 않았을 때의 데이터 상태
- => 변수를 선언할 때 자료형을 미리 지정하지 않고 값을 할당할 때 사용(단순히 변수에 값 할당 x 상태)
- null : 데이터의 값이 유효하지 않은 상태
- => 변수에 할당된 값이 유효하지 않다는 의미
배열
- 하나의 변수에 값을 여러개 지정. 여러 개의 데이터 값을 하나의 배열 이름으로 묶어서 선언.
- 배열은 for 갑은 반복문을 사용해서 각 요소의 값을 꺼내거나
- length 프로퍼티를 사용해서 크기를 확인하는 등 다양하게 활용 가능
- Array 객체에서 자세히 다룸.
728x90
'Front > Mega-JavaScript' 카테고리의 다른 글
| 6. 자바스크립트 기본 문법 (4) 반복문 (0) | 2023.05.20 |
|---|---|
| 5. 자바스크립트 기본 문법 (3) 조건문 (0) | 2023.05.20 |
| 4. 자바스크립트 기본 문법 (2) 연산자 (0) | 2023.05.19 |
| 2. 자바스크립트 기본 입출력, 스타일 가이드 (0) | 2023.05.17 |
| 1. 자바스크립트 도입 (1) | 2023.05.17 |
'Front/Mega-JavaScript' Related Articles
more
Comments