HOME
물생활
일상생활
개발

개발/Javascript

Javascript) 배열 추가, 삭제

듀비양 2022. 4. 1. 16:51
EX) var arr = ['a', 'b', 'c', 'd'];

 

// arr = ['a', 'b', 'c', 'd']
arr.push('d'); //맨뒤에 요소 추가

// arr = ['d', 'a', 'b', 'c']
arr.unshift('d') //맨앞에 요소 추가

// arr = ['a', 'b', 'd', 'c']
arr.splice(2, 0, 'd') //index 2 ('c')의 위치에 요소를 추가

// arr = ['a', 'b', 'd', 'c', 'e', 'f']
arr.splice(4, 0, 'e', 'f') // index 4의 위치에 2개의 요소를 추가

var arr = ['a', 'b', 'c', 'e', 'f'];

// arr = ['a', 'b', 'c', 'e']
arr.pop(); // 배열의 마지막 요소를 제거

// arr = ['a', 'b', 'c']
var popped = arr.pop(); // 제거한 요소를 반환 받을 수 있음

// arr = ['b', 'c', 'e', 'f']
arr.shift(); // 배열의 첫번째 요소를 제거

// arr = ['c', 'e', 'f']
var shifted = arr.shift(); // 제거한 요소를 반환 받을 수 있음

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

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

// arr = ['a']
removed = arr.splice(1, 1); // 제거한 요소를 반환 받을 수 있음

// arr = ["a", undefined, "c", "e", "f"]
delete arr[1]; // delete로 배열을 삭제할 경우 요소는 그대로 존재하며 값만 삭제 됨

arr.reverse(); // 배열 역순