[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

자바스크립트에서 배열(array) 생성하기

 

1. 배열 리터럴 대괄호[]를 사용하여 배열을 만드는 방법

 

1) 초기값을 할당하여 배열 생성

var arr = [123, '가나다', true]; 
console.log(arr);

 

2) 빈 배열 생성후 배열값을 입력하는 방법

var arr = [];

arr[0] = 123;
arr[1] = '가나다';
arr[2] = true;

console.log(arr);

 

3) 배열 크기를 지정하고 배열을 만드는 방법

var arr = [,,,];

arr[0] = 123;
arr[1] = '가나다';
arr[2] = true;

console.log(arr);

위와같이 쉽표를 세개 입력한다면, 배열값을 세개만 갖는 배열을 생성하겠다는 뜻 입니다.

 

 

 

2. 생성자 함수(new Array())를 사용하여 배열을 만드는 방법

 

1) 초기값을 항당하여 배열 생성

var arr = new Array(123, '가나다', true);
console.log(arr);

 

2) 빈 배열 생성후 배열값을 입력하는 방법

var arr = new Array();

arr[0] = 123;
arr[1] = '가나다';
arr[2] = true;

console.log(arr);

 

3) 배열 크기를 지정하고 배열을 만드는 방법

var arr = new Array(3);

arr[0] = 123;
arr[1] = '가나다';
arr[2] = true;

console.log(arr);

 

---

 

자바스크립트에서 배열 요소 추가하기

1. 배열의 끝에 요소를 추가하는 방법 (1) : push()

var arr = ['a', 'b', 'c'];
arr.push('d');

// arr = ['a', 'b', 'c', 'd']

 

2. 배열의 끝에 요소를 추가하는 방법 (2) : 배열이름[배열이름.length]

var arr = ['a', 'b', 'c']
arr[arr.length] = 'd'

// arr = ['a', 'b', 'c', 'd']

 

3. 배열의 맨 앞에 요소를 추가하는 방법 : unshift()

var arr = ['a', 'b', 'c'];
arr.unshift('d');

// arr = ['d', 'a', 'b', 'c']

 

4. 지정한 위치에 요소를 추가하는 방법 : 배열이름[n]

var arr = ['a', 'b', 'c']
arr[5] = 'd'

// arr = ['a', 'b', 'c', undefined, undefined 'd']

위의 경우 index[5]에 요소가 추가 되면서 index[3, 4]에는 값이 정의 되지 않은 undefined 요소가 자동으로 생성됩니다.

 

 

5. 지정한 위치에 요소를 추가하는 방법 : splice('위치값n', 0, '요소' )

var arr = ['a', 'b', 'c'];
arr.splice(1, 0, 'd');

// arr = ['a', 'd', 'b', 'c']

 

6. 지정한 위치에 하나 이상의 요소를 추가하는 방법 : splice('위치값n', 0, '요소1', '요소2', ... )

var arr = ['a', 'b', 'c'];
arr.splice(2, 0, 'd', 'e', 'f');

// arr = ['a', 'b', 'd', 'e', 'f', 'c']

 

 

---

자바스크립트에서 배열 요소 제거(삭제)하기

 

1. 배열의 마지막 요소를 제거하는 방법 (1) : pop()

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.pop();

// arr = ['a', 'b', 'c', 'd']

 

2. 배열의 마지막 요소를 제거하는 방법 (2) : 배열이름.length -1

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.length = arr.length -1;

// arr = ['a', 'b', 'c', 'd']

 

 

2. 배열의 첫번째 요소를 제거하는 방법 : shift()

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.shift();

// arr = ['b', 'c', 'd', 'e']

 

3. 지정한 위치에 있는 요소(n개)를 제거하는 방법 : splice('위치값n', '제거할 요소의 갯수')

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 1); // index[1] 부터 1개의 요소('b')를 제거. 

// arr = ['a', 'c', 'd', 'e']

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 2); // index[1] 부터 2개의 요소('b','c')를 제거. 

// arr = ['a', 'd', 'e']

 

4. 지정한 위치에 있는 요소(n개)를 제거하고 요소를 추가하는 방법 : splice('위치값n', '제거할 요소의 갯수', '요소1', '요소2', ... )

var arr = ['a', 'b', 'c', 'd', 'e'];
arr.splice(1, 2, 'f', 'g', 'h'); // index[1] 부터 2개의 요소('b','c')를 제거. 

// arr = ['a', 'f', 'g', 'h', 'd', 'e']

 

5. 배열의 요소는 그대로 두고 값만 삭제하는 방법 : delete

var arr = ['a', 'b', 'c', 'd', 'e'];
delete arr[1];

// arr = ['a', undefined, 'c', 'd', 'e']

---

[JavaScript] 자바스크립트 배열(Array) 정의하기

[JavaScript] 자바스크립트 배열(Array) 정의하기

---

자바스크립트 배열 만드는 방법 Array, Object

[JavaScript] 배열을 만드는 방법 Array, Object

---