Front-end/JavaScript

[자바스크립트] js 배열원소 추가, 삭제, push, pop, splish, shift, unshift

파리외 개발자 2022. 5. 12. 17:27

push - 배열의 끝에 추가

배열을 생성한 뒤 push를 통해 menu5를 추가했다.

그 후 menu배열을 join을 통해 문자열로 변환해 준 뒤 출력했다.

push는 해당 원소를 배열의 맨 뒤에 추가한다.

 

unshift - 배열의 앞에 추가

앞서 생성된 배열에 unshift를 통해 menu0을 추가했다.

unshift는 해당 원소를 배열의 맨 앞에 추가한다.

 

splish - 입력된 인덱스에 추가하며 삭제

splice를 통해 인덱스 2번자리에 해당 문자를 추가하며 그 뒤로 0개의 문자를 삭제했다.

 

splice는 (해당 인덱스에서, 입력받은 수만큼의 원소를 삭제하고, 해당 원소를 삽입) 하는 문법을 가진다.

만약 두번째 인자를 3으로 준다면 2의 위치부터 3개의 원소가 삭제되며 해당 문자가 삽입될 것이다.

2,3,4가 삭제되고 그 자리에 세 번째 인자로 준 문자열이 원소로 추가됬다.

 

shift - 배열의 앞 삭제

unshift가 삽입이었다면 shift는 삭제다. shift연산자를 생각하면 된다.

menu0이 삭제되었다.

 

pop - 배열의 뒤 삭제

push가 뒤의 삽입이라면 pop은 마지막 요소를 삭제한다.