[Javascript] Javascript 입문 04 (170315)

Javascript 입문 04

• Javascript 데이터 타입 분류

• Number type

var a = 10;        int 타입

var b = 10.1;     float타입

var은 예약어, 숫자값은 vaule이다.

• String type

var c = "abcd";

var d = 'kimgura';

• Boolean type

var e = true;

var d = 10 > 5;

var f = "aa" == "bb";

• Undefined type

var g = undefined;

var h;

• Object type

var i = { };

var j = function( ) {

//특정 시점에 일괄 실행할 javascript를 여러줄 모아놓는다.

};

• Function type

var m = function(){ };

var n = function() {

//특정 시점에 일괄 실행할 javascript를 여러줄 모아놓는다. 

};

EX )

var myFunc = function(){ 

console.log("test!");

};

• 타입 구분하기

QUIZ > 

document.querySelectorAll("div")[0].innerText 

를 잘라서 각각 타입 구분한다면 어떻게 될지 구분해보세요.

ANSWER>

• 함수의 참조와 호출

함수의 참조 > var a = myFunc;      function type

함수의 호출 > var b = myFunc();    undefined type

참조는 함수 자체를 보여주고 호출은 함수를 실행하여 값(undefined)을 내보인다.

• [array]type : 배열 타입

- object의 부분이라고 봐도 무방하다.

- plainObject가 순서가 없었다면 array는 순서를 중요시한다.

- plainObject는 { }를 이용하고 array는 [ ]를 이용한다.

- 표현 형태 :

var arr = [1, "김구라", "노량진"];

이 때, 각 element마다 자동으로 index가 붙는다.

(plainObject는 저장소의 이름으로 구분)

• 배열 참조 방법

arr[0]

arr[1]

arr[2] 

의 형태로 참조할 수 있다.

cf) object, function, array 참조하기

000.xxx : object

000() : function

000[1] : array

• 배열에 요소 추가하기

- 배열 요소를 추가할 때는 두 가지 방법이 있다.

1. push 함수 이용하기

이 때, 데이터 값은 push를 이용하기 때문에 순차적으로 쌓이게 된다. 

2. 배열에 직접 입력

friend[0] = "kk";

friend[1] = "ss";

..

이러한 형태로 배열에 직접 특정 위치에 입력할 수 있다.

하지만, 빈 공간이 생겨 위처럼 undefined가 생기는 상황이 발생할 수도 있다.

• 배열 요소 삭제하기 (splice)

splice 기능을 이용하여 배열 요소를 잘라낼 수 있다.

표현 : arr.splice(x, y);

의미 : x번째 arr요소부터 y개 쭉 삭제

이 때, 비워지는 곳의 index로 값이 당겨진다.

names[1]이었던 "해골" 이 names[0]이 되었음을 알 수 있다.

• 배열 길이 알아보기 (length)

배열의 방 갯수를 알 수 있다.

 

• 배열의 요소 참조

arr[0].name 형태로 참조한다.

cf) 타입보기

members : array type

members[0] : object type

members[0].name : string type

• 참조하기 QUIZ

• 배열 기능 전체적으로 다시보기

• 복습하기