자바스크립트 기초 정리 1. 변수와 자료형

---

0. 기본 명령어

• console.log()
  • 괄호 안의 메시지를 콘솔 창에 출력하는 명령어
  • 여러 개의 메시지를 콤마(,)로 구분하여 출력할 수도 있다.
• alert()
  • 괄호 안의 메시지를 브라우저 경고창에 띄워주는 명령어
• prompt()
  • 괄호 안의 메시지를 사용자에게 보여주고, 문자열을 입력받는 명령어
  • 변수에 값을 저장하는 구문과 함께 사용해 사용자가 입력한 값을 변수에 저장할 수 있다.
• typeof()
  • 괄호 안의 값의 type을 알려주는 명령어

 

1. 변수

변수: 프로그램 실행 도중 임의의 값을 저장해 두고 읽을 수 있는 공간

• 선언: 컴퓨터에게 변수를 사용할 것이라고 알려주는 역할
• 초기화: 선언한 변수에 처음으로 값을 저장하는 과정
  • 대입 연산자(=)를 활용해 값을 저장한다.
  • 콤마(,)를 활용해 여러 변수를 동시에 선언하거나 초기화 할 수 있다.

예시 코드

// 선언 및 초기화
var variable_name;
variable_name = value;

// 선언과 동시에 초기화
var a = 10;

// 여러 변수를 동시에 선언 및 초기화
var a, b, c;
var a = 10, b = 20, c = 30;

 

2. 자료형

자료형: 변수에 저장할 수 있는 값의 종류

 

Number

• 숫자를 나타내는 자료형
• 64bit의 실수와 정수 표현 가능
• 정상적이지 않은 숫자는 NaN, 표현할 수 없는 범위의 수는 Infinity로 표현됨

parseInt(string), parseFloat(string)

• 괄호 안에 있는 문자열의 앞에서부터 Number를 인식한다.
• 문자열의 시작이 string이면 NaN을 반환한다.

예시 코드

number = 3.14;

var number_int = parseInt(number);
var number_float = parseFloat(number);

console.log(number_int);   // 3
console.log(number_float); // 3.14

 

String

• 문자열을 나타내는 자료형
• 따옴표('), 큰따옴표(")로 감싸서 문자열을 표현한다.

escape character

• \n: 줄바꿈
• \': 따옴표
• \": 큰따옴표
• \\: 역슬래시

 

Boolean

• 참(true) / 거짓(false)을 표현하는 자료형

 

Object

• 객체를 나타내는 자료형
• 중괄호({})를 사용해 정의한다.
• 객체는 속성(Property)의 집합으로 이루어진다.
  • 각 속성은 이름과 값으로 이뤄지며, 객체 정의 시 "속성이름: 값"의 형태로 속성을 정의한다.
  • 속성의 값에는 모든 자료형이 들어갈 수 있다.

 

undefined와 null

undefined

• 시스템에서 어떤 변수나 속성이 정의되지 않은 경우를 표현하기 위해 사용
  • 선언만 하고 초기화가 되지 않은 변수의 타입이나 값
  • 객체의 정의되지 않은 속성의 타입이나 값

null

• 개발자가 명시적으로 아무것도 없는 비어있는 상태를 나타낼 때 사용
  • typeof의 결과는 object이며 값은 null

예시 코드

// 변수 선언 후 초기화 X
var uninitialized_var;
console.log(uninitialized_var); // undefined
console.log(typeof uninitialized_var); // undefined

// 객체의 정의되지 않은 속성
var obj = {
  x: 1,
  y: 2,
};
console.log(obj.z); // undefined
console.log(typeof obj.z); // undefined

// 빈 객체 정의
var null_var = null;
console.log(null_var); // null
console.log(typeof null_var); // object

 

 

---