Node.JS)04.19( Array(배열) : 배열의 요소 추가/제거 방법 )

목차

 

---

 

2022.04.20 - [Programming/BACKEND] - Node.JS)04.18-19( Object ( 객체 ) : 객체생성, 속성, 반복문, in, with, 속성제거/추가, 생성자, 프로토타입, 상속 )

 

1. 배열

1.1. 배열에 담을 수 있는 다양한 자료형

• 다양한 자료를 하나의 범주 안에 넣고, 인덱스(번호)를 이용해 컨트롤 하는 변수

// 다양한 자료를 하나의 범주 안에 넣고, 인덱싱(번호)을 이용해 컨트롤 하는 변수
var array = [273, 'string', true, function(){}, {}, [150, 549]];
console.log(array[0]);
console.log(array[1]);
console.log(array[2]);
console.log(array[3]);
console.log(array[4]);
console.log(array[5]);
console.log(array);
console.log('\n');

 

---

 

1.2. 배열에 요소를 추가하는 다양한 방법

• push : 배열의 끝에 요소를 추가
• unshift : 배열의 앞에 요소를 추가
• splice : splice( 시작index, 삭제할 개수, 추가할 요소1, 요소2 ... ) 

var arr = ['a', 'b', 'c'];
console.log('변경전 : ' + arr);

arr.push('d');  	//배열의 끝에 요소를 추가
console.log('배열의 끝에 요소 추가 : ' + arr);

console.log();

arr.unshift('A');   //배열의 앞쪽에 요소를 추가
console.log('배열의 앞쪽에 요소 추가 : ' + arr);

console.log();

arr.splice(2, 0, 'B');  //index 2 ('b')의 위치에 요소를 추가
console.log('index 2 (\'b\')의 위치에 요소를 추가 : ' + arr);

console.log();

arr = ['a','b','c','d'];
console.log('변경전 : ' + arr);

arr.splice(2, 0, 'C', 'D');    // index 2 위치에 2개의요소를 추가
console.log('변경 후 (index 2 위치에 2개의요소를 추가) : ' + arr);

 

---

 

1.3. 배열에 요소를 제거하는 다양한 방법

• shift : 배열의 첫번째 요소를 제거 ( 제거한 요소를 반환받을 수 있다. )
• splice : splice( 시작index, 삭제할 개수, 추가할 요소1, 요소2 ... ) 

//배열에 요소를 제거하는 다양한 방법

arr = ['a', 'b', 'c', 'd', 'e', 'f'];
console.log('변경전 : ' + arr);

// 배열의 첫번째 요소를 제거
var shifted = arr.shift();  // 제거한 요소를 반환받을 수 있음
console.log('변경 후 : ' + arr);
console.log('변경 후(배열의 첫번째 요소를 제거 & 제거한 요소 반환) : ' + shifted);

console.log();

arr = ['a', 'b', 'c', 'd', 'e', 'f'];
console.log('변경전 : ' + arr);

// index 2부터 한 개의 요소('c')를 제거
arr.splice(2,1);
console.log('변경 후 (\'c\') 를 제거' + arr)

console.log();

arr = ['a', 'b', 'c', 'd', 'e', 'f'];
console.log('변경전 : ' + arr);

// index 2부터 한 개의 요소('c')를 제거
arr.splice(2,2);
console.log('변경 후 (\'c\',\'d\') 를 제거' + arr)