객체(object)란, 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로
Key/Value
를 저장할 수 있는 구조이다. JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다.
Key/Value
에 대한 정보를 나열할 수 있다.Key
는 문자열 또는 기호여야 하며 Value
는 모든 유형이 될 수 있다.Key/Value
뒤에 쉼표를 이용하여 그 뒤에 오는 Key/Value
와 구분해주어야 한다.코딩을 하다 보면 데이터가 기하급수적으로 많아지게 된다. 그런 데이터들을 잘 정리정돈하지 않으면 내가 어떤 데이터를 가지고 있는지, 데이터를 찾고 제거하는 일들에 상당한 어려움을 느낀다.
이러한 상황에서 문제를 해결해줄 수 있는 도구가 배열이다.
Key/Value
의 접근 방법이기에 다르다.정보 시스템에서의 핵심은 Create(생성), Read(읽기), Update(수정), Delete(삭제)이다. 배열도 마찬가지이다.
JavaScript에서 배열을 생성하는 것에는 두가지 방법이 있다.
var abc = ['a','b','c']; //배열 리터럴로 생성
var abc = new Array('a','b','c'); // new Array()로 생성
array.push()
method는 배열의 끝에 요소를 추가한다.
var abc = ['a','b','c'];
abc.push('d'); // 실행 결과 ['a','b','c','d']
array.unshift()
method는 배열의 앞에 요소를 추가한다.
var abc = ['a','b','c'];
abc.unshift('d'); // 실행 결과 ['d','a','b','c']
array.pop()
method는 배열의 끝에서부터 요소를 제거한다.
var abc = ['a','b','c'];
abc.pop(); // 실행 결과 ['a','b']
array.shift()
method는 배열의 앞에서부터 요소를 제거한다.
var abc = ['a','b','c'];
abc.shift(); // 실행 결과 ['b','c']
array.splice()
method는 인덱스 위치에 있는 요소를 제거,추가할 수 있다.
array.splice( 인덱스, 인덱스 기준으로 제거할 요소의 수, 인덱스로부터 추가할 요소명 );
추가할 요소명을 입력하지 않으면 제거만 되며, 제거할 요소의 수에 0을 넣고 추가할 요소명을 넣을 경우 추가만 된다.