자바스크립트 자료형 및 함수

자료형 이란

 숫자나 문자열처럼 프로그램에서 처리할 자료의 유형을 지정하는 자료의 형태

자바스크립트에서 자료형은 값이 하나인 기본형과 여러 값을 한꺼번에 담고 잇는 복합형으로 구별합니다.

자료형의 관계

원시 유형은 하나의 값만 저장한느 자료형으로, 숫자와 문자열, 논리형,undefined,null,sysmbol 유형이 있습니다.

그리고 원시 유형 외에는 모두 객체 입니다.

 

1. 숫자형(number)

숫자형은 모드 프로그램에서 가장 기본이 되는 자료형입니다. 다른 언어에서는 정수와 실수를 명확히 구별하고 정수도 크기에 따라 다른 자료형을 사용합니다. 하지만 자바스크립트에서는 정수와 실수를 함께 묶어서 '숫자형'이라고 합니다.

자바스크립트에서 큰따옴표 없이 입력하면 숫자로 인식합니다. 하지만 숫자라고 해도 큰 따옴표로 묶으면 문자열로 인식하므로 주의해야 합니다. 

See the Pen Untitled by ture403 (@ture403) on CodePen.

2. 문자형(string)

문자를 나타낸다. ""안에 쓰면 문자열로 인식한다.

See the Pen string by ture403 (@ture403) on CodePen.

3. 논리형(boolean)

논리형은 참이나 거짓값을 표현하기 위한 데이터 유형으로, 불리언(boolean)유형이라고도 합니다. 논리형에서 사용할 수 있는 값은 ture와 false이고, 논리형 값은 지정한 조건에 맞는지의 여부를 확인하는 조건식에서 많이 사용합니다.

See the Pen Boolean by ture403 (@ture403) on CodePen.

4.심볼(Symbol)

심벌은 에크마스크립트 2015에 새롭게 추가된 원시유형의 자료형으로, 지금까지 살펴본 자료형과 다른 특성을 가지고 있습니다. 심벌의 가장 큰 특징은 유일성을 보장한다는 것입니다. 특히 심벌은 객체 프로퍼티 키로 사용할 수 있다는 특징이 있습니다. 

See the Pen symbol by ture403 (@ture403) on CodePen.

5. 정의되지 않음(undefined)

undefined는 값이 할당되지 않았을 때 변수의 초기값입니다. undefined는 값이면서 동시에 자료형 입니다. undefined 타입은 오직 undefined 값만 가진다. 변수 선언 이후 값을 할당하지 않았을 때 해당 변수에 접근하면 undefined가 반환된다.

See the Pen undefined by ture403 (@ture403) on CodePen.

6. null

null도 값이면서 동시에 자료형입니다.null은 값이 없거나 유효하지 않은 값이라는 의미입니다. null값음 사용자가 직접 할당할 수도 있습니다.

 

See the Pen null by ture403 (@ture403) on CodePen.

7.객체(object)

자바스크립트에서 객체란  여러개의 원시 유형을 하나로 묶어 놓은 것이라고 생각할 수 있습니다. 자바스크립트는 배열이나 함수도 객체로 취급합니다.중괄호를 사용해 데이터를 담는데 사용하는 타입으로 {name: value} 로 이루어집니다. 프로퍼티(property)란 하나의 name: value를 지칭합니다. 따라서 객체는 프로퍼티의 집합이라고 할 수 있습니다.

 

※배열

배열도 하나의 변수에 여러 개의 값을 저장할 수 있는 유형이므로 역시 객체입니다. 배열은 대괄호([])로 묶고 그안에 값을 나열하는데, 각 값은 쉼표(,)로 구분합니다. 대괄호 안에 아무값이 없으면 빈 배열이라고 하는데 이것도 배열입니다.

 

See the Pen object by ture403 (@ture403) on CodePen.