[DAY5] 객체와 배열

객체(Object)란?

객체(object)란, 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key/Value를 저장할 수 있는 구조이다. JavaScript는 객체기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체이다.

객체의 특징

1. 객체는 변수이다. 그러나 객체에는 많은 값이 포함될 수 있다.
2. 객체는 중괄호 표기를 이용하여 만들 수 있다.
3. 객체는 각각의 Key/Value에 대한 정보를 나열할 수 있다.
4. Key는 문자열 또는 기호여야 하며 Value는 모든 유형이 될 수 있다.
5. 객체는 한 쌍의 Key/Value 뒤에 쉼표를 이용하여 그 뒤에 오는 Key/Value와 구분해주어야 한다.
6. 객체의 상태를 나타내는 값을 프로퍼티(Property)라고 한다.
7. 변수는 예약어의 이름을 가질 수 없지만 객체는 어떠한 이름이어도 상관없다.
8. 객체 변수를 복사하면 참조가 복사되고 객체가 복제되지 않는다.
9. JavaScript에서 객체의 종류는 함수, 배열, 날짜, 수학 등이 있다.
10. JavaScript에서 원시 값을 제외한 모든 값은 객체이다.

배열(Array)이란?

코딩을 하다 보면 데이터가 기하급수적으로 많아지게 된다. 그런 데이터들을 잘 정리정돈하지 않으면 내가 어떤 데이터를 가지고 있는지, 데이터를 찾고 제거하는 일들에 상당한 어려움을 느낀다.
이러한 상황에서 문제를 해결해줄 수 있는 도구가 배열이다.

배열의 특징

1. 배열은 번호가 메겨진 인덱스를 갖는 특별한 유형의 객체이다. 배열도 객체이지만, 객체는 Key/Value의 접근 방법이기에 다르다.
2. 배열 요소는 객체가 될 수 있다.
3. 동일한 배열에 다른 유형의 변수를 가질 수 있다.
4. 배열에 함수를 가질 수 있다.
5. 배열에 배열을 가질 수 있다. (다차원 배열)

정보 시스템에서의 핵심은 Create(생성), Read(읽기), Update(수정), Delete(삭제)이다. 배열도 마찬가지이다.

JavaScript에서 배열을 생성하는 것에는 두가지 방법이 있다.

• 배열 리터럴로 생성하는 방법
• new Array() 생성자 함수로 생성하는 방법

var abc = ['a','b','c'];	 //배열 리터럴로 생성

var abc = new Array('a','b','c');  // new Array()로 생성

배열 Method

1. push()

array.push() method는 배열의 끝에 요소를 추가한다.

var abc = ['a','b','c'];
abc.push('d');		// 실행 결과 ['a','b','c','d']

2. unshift()

array.unshift() method는 배열의 앞에 요소를 추가한다.

var abc = ['a','b','c'];
abc.unshift('d');		// 실행 결과 ['d','a','b','c']

3. pop()

array.pop() method는 배열의 끝에서부터 요소를 제거한다.

var abc = ['a','b','c'];
abc.pop();		// 실행 결과 ['a','b']

4. shift()

array.shift() method는 배열의 앞에서부터 요소를 제거한다.

var abc = ['a','b','c'];
abc.shift();		// 실행 결과 ['b','c']

5. splice()

array.splice()method는 인덱스 위치에 있는 요소를 제거,추가할 수 있다.

array.splice( 인덱스, 인덱스 기준으로 제거할 요소의 수, 인덱스로부터 추가할 요소명 );

추가할 요소명을 입력하지 않으면 제거만 되며, 제거할 요소의 수에 0을 넣고 추가할 요소명을 넣을 경우 추가만 된다.