집 > 기사 > 웹 프론트엔드 > JavaScript에서 배열 요소를 삭제하는 방법에 대한 자세한 그래픽 설명

JavaScript에서 배열 요소를 삭제하는 방법에 대한 자세한 그래픽 설명

yulia원래의: 2018-10-10 11:41:3520543검색

JavaScript는 프론트엔드 개발에 자주 사용되는데, JS를 사용하여 값이 포함된 특정 요소를 삭제하는 방법을 알고 있나요? 이 글은 JS에서 배열의 요소를 삭제하는 몇 가지 방법을 공유할 것입니다. 관심 있는 친구들이 이를 참고하면 도움이 될 것입니다.

방법 1: Slice()는 배열 요소를 삭제합니다

slice 메소드는 배열의 특정 부분을 가로챌 수 있으며 모두에서 지원됩니다. 주요 브라우저의 슬라이스 방법.

Syntax: array.slice(start, end)
start는 가로채기 시작 위치를 나타내고, end는 끝 위치를 나타내며, end를 생략하면 마지막 숫자까지 가로채는 것을 의미합니다.

예: 배열의 첫 번째 요소를 삭제하려면 버튼을 클릭하세요.

설명: 배열의 첫 번째 요소를 삭제하려면 다음을 사용할 수 있습니다. 그것을 가로채는 슬라이스 메소드 첫 번째 요소, 즉 Slice(1) 이외의 요소에 대한 코드는 다음과 같습니다:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <p id="demo">点击按钮删除第一个数组元素。</p>
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.slice(1);
   document.write("新数组是："+ animal1)
  }
 </script>
</html>

Rendering:

# 🎜🎜##🎜🎜 #

방법 2: Shift()는 배열 요소를 삭제합니다.

Shift 방법은 배열 요소의 첫 번째 요소를 삭제할 수 있습니다. 배열을 삭제한 다음 요소의 첫 번째 요소 값으로 돌아갑니다. 모든 주요 브라우저는 Shift 방법을 지원합니다. 단점은 배열의 첫 번째 요소만 삭제할 수 있다는 것입니다.

구문: array.shift()

코드는 다음과 같습니다:

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.shift();
   document.write("删除的元素是："+ animal1)
  }
 </script>

렌더링:

#🎜 🎜#

방법 3: 배열 요소를 삭제하는 splice() 메서드

splice () 메소드 배열의 요소를 삽입, 삭제, 교체할 수 있으며 splice 메소드는 모든 주요 브라우저에서 지원됩니다.

Syntax: array.splice(index,howmany,item1,...,itemX)

index는 요소를 추가하거나 삭제할 위치를 나타내며, Howmany는 삭제해야 하는 요소 수를 나타냅니다. 배열에 추가할 새 요소입니다.

설명 예: 아래 첨자 0부터 시작하는 요소를 삭제합니다. 코드는 다음과 같습니다.

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,1);
   document.write("删除的元素是："+ animal1)
  }
 </script>

Rendering:

# 🎜🎜#

위는 JavaScript에서 배열의 요소를 삭제하는 세 가지 방법을 소개합니다. 원칙은 동일하지만 직장에서 선택할 방법은 업무 요구 사항과 개인 습관에 따라 다릅니다. 직접 시도해 보고 이 글이 도움이 되기를 바랍니다.

JavaScript에서 배열 요소를 삭제하는 방법에 대한 자세한 그래픽 설명 더 많은 관련 튜토리얼을 보려면

JavaScript 비디오 튜토리얼

phpphilanthropic training

을 방문하세요.

위 내용은 JavaScript에서 배열 요소를 삭제하는 방법에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：JS 파일을 HTML 페이지에 도입하는 두 가지 방법에 대한 심층적인 이해다음 기사：JS 파일을 HTML 페이지에 도입하는 두 가지 방법에 대한 심층적인 이해