javascript : js Array에서 한 원소 삭제

JavaScript: Remove Element from an Array

 

Removing elements from a JavaScript array is a common programming paradigm that developers often run into. As with a lot of things JavaScript, this isn’t as simple as it probably should be.

There are actually several ways to remove one or more elements from an array — without ripping your hair out in the process — so let’s go through each of them one by one.

Removing One Element Using splice()

 

The splice() method is a versatile way of removing, replacing, and/or adding elements in an array. It works similarly to splice() functions in other languages. Basically, you take an array and selectively remove portions of it (aka “splice”). The inputs to the splice() function are the index point to start at and the number of elements to remove.

Also, remember that arrays are zero-indexed in JavaScript.

To remove one element from a specific index in an array:

 

The splice() call will return any removed elements, so you know what was actually removed.

Removing a Range of Elements Using splice()

 

Just to make sure you didn’t miss it in the previous example, it is worth calling out specifically that you can remove several consecutive elements with splice().

To remove several consecutive elements from an array:

 

 

Removing One Element Using pop()

 

The array methods push() and pop() work on the the end of an array. The terms push() and pop() come from the idea of a stack in memory from the early days of microprocessors. This implements the idea of a Last-In-First-Out data structure (LIFO). The push() method will ADD an element to the array and the pop() method will remove one.

To remove the last element of an array:

 

 

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

Removing One Element Using shift()

 

The array methods shift() and unshift() work on the beginning of an array instead of the end of an array, as is the case with push() and pop(). The shift() command will remove the first element of the array and the unshift() command will add an element to the beginning of the array.

To remove the first element of an array:

 

 

Searching and Removing a Specific Element by Value

 

The indexOf() command returns the first index at which a given element can be found in the array, or -1 if it is not present. This can be used along with splice() to search for an element and then remove it, even if you don’t know where it is in the array.

Let’s remove the “foo” element:

 

 

Removing Multiple Specific Elements

 

Let’s add an extra “foo” element to our array, and then remove all occurrences of “foo”:

 

Note that we could also have used the filter() method for this operation, but that would have created a new array, as filter() does not mutate the array on which it is called.

If you need to do a lot of filtering, using the filter() method might clean up your code quite a bit.

Conclusion

 

When it comes down to it, removing elements from arrays in JavaScript is pretty straightforward. The naming conventions may be a bit odd at first, but once you do it a few times, you will be able to do it without a second thought (or a second look at this article).

 

[출처] http://www.hostingadvice.com/how-to/javascript-remove-element-array/

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
번호 제목 글쓴이 날짜 조회 수
46 Check if a key exists inside a json object : JSON 키값이 있는지 조사 졸리운_곰 2018.09.03 465
45 Grouping JSON by values : JSON 값으로 그룹핑 분류 졸리운_곰 2018.09.01 483
44 Javascript 자식창에서 부모창으로 데이터 전달하기 졸리운_곰 2018.08.23 961
43 [자바스크립트] 정규표현식을 사용하여 태그만 제거하기 졸리운_곰 2018.08.01 675
42 [JS] HTML 태그들을 제거하자! #자바스크립트HTML태그제거 #HTML태그삭제 #HTML태그없애기 file 졸리운_곰 2018.08.01 384
41 자바스크립트 Base64 인코딩, 디코딩 졸리운_곰 2018.06.18 591
40 Get Query String Parameters with JavaScript 졸리운_곰 2018.06.08 477
39 Get request parameters using Javascript 졸리운_곰 2018.06.08 455
38 json 배열 합치기(merge) 및 소팅하기 졸리운_곰 2018.06.08 683
37 Object.assign 두 개의 Object 를 하나로 병합하기 How to merge different object in javascript 졸리운_곰 2018.06.08 552
36 jQuery.extend(), 두개 이상의 객체를 합치기(Merge) file 졸리운_곰 2018.06.08 512
35 jQuery 원하는 요소에 벨류(value) 값 넣기 졸리운_곰 2018.05.30 371
34 [jQuery] 요소(Element) 존재 여부 확인 졸리운_곰 2018.05.29 664
33 [제이쿼리/jQuery] 요소 갯수 구하기 .length file 졸리운_곰 2018.05.25 409
32 [삽잡이::javascript] JSON Array를 만들어보자 file 졸리운_곰 2018.05.25 194
31 Javascript 함수 생성 2가지 방법의 차이점 file 졸리운_곰 2018.05.24 498
30 React 시작하기 [javascript] 졸리운_곰 2018.05.20 509
29 javascript 에서 큐, 스택, 트리 졸리운_곰 2018.02.27 513
28 CKEditor. Plugin 직접 만들기. 예: Cy-GistInsert file 졸리운_곰 2018.02.21 459
27 템플릿 엔진을 벗어나고 싶은 이유, React 와 Angular 2 사이의 갈등 중간 정리 졸리운_곰 2017.09.26 1354
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED