Javascript [ 배열 요소 추가/삭제 ]

배열 선언

• 배열도 객체이다.

// === 객체 선언 === //
const 객체명 = [];
// 또는
const 객체명 = new Array();

---

배열의 요소 추가

.push()

• 배열명.push()
• 배열의 마지막에 새로운 요소 추가, 배열의 길이 재설정

배열명.push("넣을요소명");

.unshift()

• 배열명.unshift()
• 배열의 처음에 새로운 요소를 추가, 배열의 길이 재설정

배열명.unshift(넣을변수명);

---

배열의 요소 추가 및 삭제

배열명.splice()

• 배열의 특정 위치에 배열 요소를 추가하거나 삭제하는데 사용
• 삭제할 경우 return : 삭제한 배열 요소
• 삭제한 요소가 없을 경우 : 빈 배열 ' [] ' 을 반환

- 배열명.splice(start, 0, element)

• 배열의 특정 위치에 배열 요소 추가
• start : 수정할 배열 요소의 인덱스
• 0 : 배열을 추가할 경우
• element : 배열에 추가될 요소

// 배열명 = ["1","2","3","4","5"];
배열명.splice(2,0,"추가1","추가2","추가3");
// 2번 index 에서 추가할 요소들 나란히 추가
// (8) ['1', '2', '추가1', '추가2', '추가3', '3', '4', '5']

- 배열명.splice(start, deleteCount)

• 배열의 특정 위치의 배열 요소 삭제
• start : 수정할 배열 요소의 인덱스
• deleteCount : 삭제할 요소 개수

// 배열명 = ["1","2","3","4","5"];
const deleted_item = 배열명.splice(2,3);
// 인덱스 번호 2번 부터 3개 삭제
// (2) ['1', '2']

---

배열의 요소 삭제

.pop()

• 배열명.pop()
• 배열의 마지막 요소 제거 후 제거한 요소 값 return

const deleted_item = 배열명.pop();
if(deleted_item != undefined){
	alert(`${deleted_item} 을(를) 삭제했습니다.`);
}
else{
	alert(`더이상 삭제할 것이 없습니다.`);
}

.shift()

• 배열명.shift()
• 배열의 처음 요소 제거 후 제거한 요소 값 return

const deleted_item = 배열명.shift();
if(deleted_item != undefined){
	alert(`${deleted_item} 을(를) 삭제했습니다.`);
}
else{
	alert(`더이상 삭제할 것이 없습니다.`);
}

---

참고

객체사용법 : https://velog.io/@jjoung-2j/Javascript-%EA%B0%9D%EC%B2%B4-%EC%82%AC%EC%9A%A9%EB%B2%95-%ED%95%A8%EC%88%98-%EC%84%A0%EC%96%B8%EB%B2%95

---

정리

• 09_javascriptStandardObject
  -> 01_Array_class -> 01_forOf_forEach_push_pop_splice_reverse_sort_slice_indexOf.html, 01.css, 01.js