본문 바로가기
[JavaScript]

[JavaScript] 변수와 자료형

by 북방바다코끼리표범 2023. 8. 17.

복습

https://shins99.tistory.com/47

 

[JavaScript] 자바스크립트(JavaScript)란?

자바스크립트(JavaScript) - 사용자의 상호작용에 따라 웹 페이지를 동적제어 하기 위한 프로그래밍 언어 - 웹 브라우저에서 동작 - 클라이언트 측에서 실행 - 웹 페이지를 동적으로 만들고 사용자

shins99.tistory.com


변수

- 변수란 기본적으로 값(숫자, 텍스트 문자열 등)에 이름을 붙이는 것

- 변수는 let 키워드와 그 뒤의 이름으로 생성할 수 있음

 

변수 이름에 대한 규칙

- 변수 이름의 시작부분에 숫자를 사용금지

- 변수 이름의 시작부분에 밑줄(_)을 사용금지

- 안전한 명명법  camlCase 사용

- 포함된 데이터를 쉽게 이해 할 수 있게 변수 이름을 직관적으로 부여

- 단일 문자 / 숫자 또는 긴 구절을 사용금지

- 변수는 대소문자를 구분 (myage 와 myAge 는 다른 변수)

- JavaScript 예약어를 변수 이름으로 사용금지

 

변수의 선언

1
2
var myName;
var myAge;
cs

 

변수의 초기화

1
2
3
4
5
6
7
myName;
myAge;

myName = "김개똥";
myAge = 25;

변수 선언과 동시에 초기화
var myName = "홍길동";
cs

 

변수의 재지정

1
2
let myName = "ooo";
let myAge = 25;
cs

=

1
2
myName = "홍길동";
myAge = 100;
cs

 

지정되지 않은 타입

- JavaScript는 "느슨한 유형의 언어(loosely typed language)"

   즉, 다른 언어와 달리 변수에 포함 할 데이터의 유형을 지정할 필요가 없음

   (변수를 선언하고 그 변수의 값을 따옴표로 묶은 값을 지정하면 브라우저는 변수의 값을 문자열로 인식)

 

참고: 

JavaScript에서는 모든 코드 명령어가 세미콜론 (;)으로 끝나야한다. 

존재하지만 값을 포함하고 있지 않은 변수와, 존재하지 않은 변수를 혼돈X .둘은 매우 다른 것

 

 

 

자료형

1) 문자형 데이터(String)

  - 홑 따옴표 또는 쌍 따옴표로 표기

1
2
3
console.log("Hello Javascript");
 
alert("Hello Javascript");
cs

 

2) 숫자형 데이터 (Number)

1
2
3
console.log(123123);
 
alert(123123);
cs

 

3) 논리형 데이터 (Boolean)

1
2
Boolean
let 변수명 = true(또는 false)
cs

 

4) 객체(Object)

1
2
3
4
5
6
7
8
9
10
11
12
let book = {
  // JSON 과 달리, key 명에 쌍따옴표 사용 안함
  // 객체 리터럴
  bookName: "SayNo의 가르침",
  author: "SayNo",
  price: 7200,
};
// 타입 확인
console.log(typeof book);
// 객체라서 . 연산자 이용가능
console.log(book.author);
 
cs

 

5) 배열(Array)

1
2
3
4
5
6
7
8
9
10
// 배열 생성 (빈 배열)
var arr = []; 
 
arr[0= 'zero';
arr[1= 'one';
arr[2= 'tow';
 
for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}    
cs

 

6) 그 외

- undefined : 자료형이 지정되지 않았을 때

- null : 값이 유효하지 않을 때

'[JavaScript]' 카테고리의 다른 글

[JavaScript] 객체 (Object)  (19) 2023.08.22
[JavaScript] 배열 (Arrays)  (18) 2023.08.21
[JavaScript] 제어문 (if, switch, for, while, do~while)  (15) 2023.08.19
[JavaScript] 연산자  (13) 2023.08.18
[JavaScript] 자바스크립트(JavaScript)란?  (12) 2023.08.16