[Javascript] 데이터타입

문자열

string

"" 큰따옴표, ''작은따옴표로 감싸져있는 것

str.length : 문자열 길이

length : properties

method (ex str.toUpperCase(), str.indexOf('o'), str.indexOf('world')

숫자

산술연산자 +, -, *, /

 

배열

배열 (array) : 연관된 데이터들을 잘 정리해서 모아둔 수납상자.

[] 대괄호

 

객체

데이터를 담아내는 컨테이너

배열과 유사한 역할

차이점 : 배열은 데이터를 추가하면 인덱스가 자동으로 추가됨 (0,1,2..)

객체는 인덱스로 우리가 원하는 형태의 데이터를 지정할 수 있음. (숫자, 문자..)

 

객체는 다른 언어에서는 associative array (연관배열), map, dictionary 데이터타입에 해당

{} 중괄호

 

객체 인덱스 : key

// 객체 생성방법
// 1
var arr = {
	'egoing': 10,
	'sorialgi': 5,
};

// 2
var arr = {};
arr['egoing']= 10;
arr['sorialgi']= 5;

// 3
var arr = new Object();
arr['egoing']= 10;
arr['sorialgi']= 5;

// 객체 접근방법
arr['egoing']
arr.egoing

 

함수

일련된 공통의 작업을 처리하기 위해서 연관된 코드들을 모아놓은 자료형

function

함수도 자바스크립트의 자료형 중 하나이므로 변수에 할당 가능

// 함수 선언식 ( Function Declarations)
function [함수명]() {
	//code
}

// 함수 표현식 (Fuction expression)
const [변수명] = function [함수명]() {
	//code
}

 

함수 표현식의 경우 변수명으로만 함수 호출

그래서 익명함수(anonymous function)로 작성해도 됨

// 함수 선언
function gugudan() {
}

// const : 중복선언, 재할당 불가 (함수는 한번 선언 후 내용 변경되지 않도록 작성하는 경우 많음)
// 함수표현식 으로 함수 선언시 ;세미콜론 넣기 (변수 선언 시와의 일관성)
const gu = function gugudan() {
};

const gu = function () {
};

// 함수 호출
gugudan();

gu();

 

함수 사용으로 유지보수성 높아짐

코드의 반복사용 줄어 효율성 높아짐

 

 

 

참고 :

https://www.youtube.com/watch?v=P8C8VNiM33A

https://www.youtube.com/watch?v=aBJzzhQ6y-o

https://www.youtube.com/watch?v=MiLELE_yskc

https://www.youtube.com/watch?v=NcHBFk1Yn-8