자바스크립트 - 배열 데이터 넣기, 빼기 push, pop, unshift, shift

배열 데이터 삽입, 제거 메소드

배열 데이터를 삽입하거나 뺄 때 쓰는 메소드로는 length, push, pop, unshift, shift이 있음.

var fruit = ["사과", "배", "포도"];

fruit.length;            // 데이터 개수

fruit.push("딸기");      // 배열 뒤쪽에 데이터 삽입
fruit.pop();             // 배열 뒤쪽의 데이터 제거

fruit.unshift("레몬");   // 배열 앞쪽에 데이터 삽입
fruit.shift();           // 배열 앞쪽의 데이터 제거

var fruit = ["사과", "배", "포도"];

fruit.length;           //3

fruit.push("딸기");     // ["사과", "배", "포도", "딸기"]
fruit.pop();            // ["레몬", "사과", "배", "포도"]

fruit.unshift("레몬");  // ["레몬", "사과", "배", "포도", "딸기"]
fruit.shift();          // ["사과", "배", "포도"]

이때, 주의해야할 점은 push와 pop은 배열의 뒤에서 넣다, 뺏다 하기 때문에, 배열 전체가 안움직이고도 데이터 수정이 가능한데, unshift와 shift는 배열의 앞에서 데이터를 수정하니까, 그때마다 배열 전체가 움직여야 됨. 그래서 unshift와 shift를 쓰게되면, push()와 pop()을 쓸 때보다 훨-씬 느려짐. 그니까 웬만해선 push, pop을 쓰자!

 

 

 

 

 

더 많은 배열 프라퍼티와 메소드 종류는 아래 링크에서 확인.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array

Array - JavaScript | MDN