<자바스크립트 기초> 02. 숫자와 문자

 

1. 숫자

* 분류

 - 자바스크립트는 따옴표 없이 숫자만 쓰일 경우 숫자로 인식한다. 그러나 숫자에는 크게 두 종류가 있다.

 

 - 정수 : 정수는 소숫점이 없는 -1, 3, 13 과 같은 숫자들을 말한다.

 

 - 실수 : 실수는 소숫점이 있는 1.1, 2.7 과 같은 숫자들을 의미한다.

 

* 연산

- 숫자는 우리가 익히 알고있는 연산자들로 바로 계산이 가능하다.

alert(20+5);

 - 위를 실행하면 25가 출력된다. 참고로 곱하기는 *(Asterisk)를 사용한다.

 

 - 이 외에도 자바스크립트는 아래와 같은 다양한 연산들도 가능하게 한다.

Math.pow(2,4);       	// 16, 2의 4제곱
Math.round(3.7);    	// 3,  3.7을 반올림
Math.ceil(1.2);     	// 2,  1.2를 올림
Math.floor(2.6);    	// 2,  2.6을 내림
Math.sqrt(16);        	// 4,  16의 제곱근
Math.random();       	// 0 ~ 1.0 랜덤숫자

 

2. 문자

* 사용

 - 문자는 반드시 따옴표 안에 넣어서 작성해야한다.

 

 - 따옴표는 시작과 끝이 같은 종류여야한다. 즉 "(큰 따옴표)로 시작하였다면 "로 끝내야 한다.

 

 - 만약 따옴표 사이에 따옴표를 출력시키기 위해 넣고 싶다면 아래와 같이 작성해야한다.

alert('Harry\'s Blog');
// Harry's Blog

 

 - 따옴표 앞에 역슬래시(\)를 붙임으로써 컴퓨터에게 문자라고 인식시키는 것이다.

 

 - 만약 여러 줄을 출력시키고 싶다면 줄바꿈을 하고 싶은 자리에 \n 을 써주면 된다. 이는 개행문자이다.

 

3. 기타 구문

* 타입 구분

 - 문자와 숫자를 타입함수를 통해 구분이 가능하다.

typeof(1);
typeof('1');

// "number"
// "string"

 - 위와 같이 따옴표가 없는 숫자는 number타입으로, 따옴표가 있는 숫자는 string 타입으로 인식함을 알 수 있다.

 

* 더하기

alert('Welcome to' + ' Harry\'s Blog');

 - 더하기 연산자를 문자에 사용하면 문자가 이어지며 출력된다.

 - 위는 Welcome to Harry's Blog로 출력된다.

 

* 길이

alert('Harry'.length);

 - 문자 뒤에 .length 를 붙임으로써 문자의 길이를 구할 수 있다.

 - 위는 5라는 숫자가 출력된다.

 

 

 

 

 

---

 

참고

 

 

이 글은 생활코딩의 자바스크립트 기본 강의를 인프런에서 수강하고 개인적으로 정리하며 작성한 글입니다.

 

 

 

 

생활코딩

JavaScript - 생활코딩

인프런

자바스크립트 언어 기본 - javascript - 인프런