JavaScript에서 배열에 요소를 추가하는 세 가지 방법에 대한 자세한 그래픽 설명-JS 튜토리얼-php.cn

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

yulia

풀어 주다： 2018-10-11 11:38:12

원래의

4621명이 탐색했습니다.

배열은 JavaScript의 중요한 부분입니다. 그렇다면 JS 배열에 요소를 추가하는 방법을 알고 계시나요? 이 기사에서는 JS 배열에 요소를 추가하는 방법에 대해 설명합니다. 관심 있는 친구는 한 번 살펴볼 수 있습니다.

방법 1, unshift() 메서드

unshift 메서드는 배열의 시작 부분에 하나 이상의 요소를 추가한 후 새 배열의 길이를 반환할 수 있으며, 주요 브라우저는 모두 unshift 메서드를 지원합니다.

구문: array.unshift(item1,item2, ..., itemX)

예: 버튼을 클릭하여 배열 시작 부분에 "dog"를 추가하세요

코드는 다음과 같습니다:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.unshift("dog");
   document.write("数组长度："+ animal1+"新数组："+animal)
  }
 </script>
</html>

로그인 후 복사

렌더링:

메서드 2, push() 메소드

push 메소드는 배열 끝에 하나 이상의 요소를 추가한 다음 새 배열의 길이를 반환할 수 있으며 모든 주요 브라우저는 push( ) 방법.

구문: array.push(item1, item2, ..., itemX)

코드는 다음과 같습니다.

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.push("dog");
   document.write("数组长度："+ animal1+"新数组："+animal)
  }
 </script>

로그인 후 복사

메서드 3, splice() 메소드

splice() 메소드는 삽입, 삭제 또는 교체가 가능합니다. 배열 요소에 포함되며 모든 주요 브라우저는 splice 방법을 지원합니다.

구문: array.splice(index,howmany,item1,...,itemX)
index는 요소를 추가하거나 삭제할 위치를 나타내고, Howmany는 삭제해야 하는 요소 수를 나타내며, item은 추가할 새 요소를 나타냅니다. 정렬.

코드는 다음과 같습니다.

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,0,"dog");
   document.write("新数组："+animal)
  }
 </script>

로그인 후 복사

위에서는 JS에서 배열에 요소를 추가하는 세 가지 방법, 즉 unshift() 메서드, push() 메서드 및 splice() 메서드를 소개합니다. 직장에서 어떤 방법을 선택할지는 업무 요구 사항과 개인 습관에 따라 달라집니다. 이 기사가 도움이 되기를 바랍니다.

더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요. php 공공 복지 교육

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