JavaScript에서 배열에 요소를 추가하는 세 가지 방법에 대한 자세한 그래픽 설명
- yulia원래의
- 2018-10-11 11:38:124603검색
배열은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!