JavaScript를 사용하여 배열에서 마지막 항목 제거(3가지 방법)
- 藏色散人원래의
- 2021-08-26 15:15:3910846검색
이전 글 "JavaScript는 입력 상자를 정수와 소수점만 허용하도록 제한합니다(2가지 방법)"에서 JavaScript를 사용하여 입력 상자를 정수와 소수점만 허용하도록 제한하는 방법을 소개했습니다. 자세히 살펴보세요~
이 글에서는 JavaScript를 사용하여 배열의 마지막 항목을 삭제하는 방법을 설명합니다.
아래에서는 3가지 예를 통해 JavaScript를 사용하여 배열에서 마지막 항목을 삭제하는 방법을 설명합니다.
첫 번째 샘플 코드:
참고: 이 예에서는 splice() 메서드를 사용하여 배열 항목에서 마지막 항목을 삭제합니다. .
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:red;">
PHP中文网
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删除最后一项
</button>
<p id="GFG_DOWN"
style="color:red;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up =
document.getElementById("GFG_UP");
var el_down =
document.getElementById("GFG_DOWN");
var array = [34, 24, 31, 48];
el_up.innerHTML = "Array = [" + array + "]";
function gfg_Run() {
array.splice(-1, 1);
el_down.innerHTML =
"删除后的数组 = [" + array + "]";
}
</script>
</body>
</html>실행 결과는 다음과 같습니다.
JavaScript 배열 splice() 메서드는 배열에 항목을 추가/제거한 다음 삭제된 항목을 반환합니다. 이 메서드는 원래 배열을 변경합니다.
두 번째 샘플 코드:
참고: 이 예에서는 pop() 메서드를 사용하여 배열에서 마지막 항목을 제거합니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:orange;">
PHP中文网
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删除最后一项
</button>
<p id="GFG_DOWN"
style="color:orange;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up =
document.getElementById("GFG_UP");
var el_down =
document.getElementById("GFG_DOWN");
var array = [34, 24, 31, 48];
el_up.innerHTML = "Array = [" + array + "]";
function gfg_Run() {
array.pop();
el_down.innerHTML =
"删除后的数组 = [" + array + "]";
}
</script>
</body>
</html>실행 결과는 다음과 같습니다.
JavaScript Array pop() 메서드는 arrayObject의 마지막 요소를 삭제하고 배열 길이를 1만큼 줄인 후 해당 요소의 값을 반환합니다. 삭제합니다. 배열이 이미 비어 있으면 pop()은 배열을 수정하지 않고 정의되지 않은 값을 반환합니다.
세 번째 코드 예:
참고: 이 예에서는 배열에서 마지막 항목을 제거하지 않지만, Slice() 메서드를 사용하여 항목이 제거된 새 배열을 반환합니다.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body style="text-align:center;"
id="body">
<h1 style="color:pink;">
PHP中文网
</h1>
<p id="GFG_UP"
style="font-size: 16px;">
</p>
<button onclick="gfg_Run()">
删除最后一项
</button>
<p id="GFG_DOWN"
style="color:pink;
font-size: 20px;
font-weight: bold;">
</p>
<script>
var el_up = document.getElementById("GFG_UP");
var el_down = document.getElementById("GFG_DOWN");
var array = [34, 24, 31, 48];
el_up.innerHTML = "Array = [" + array + "]";
function gfg_Run() {
el_down.innerHTML =
"删除后的数组 = [" + array.slice(0, -1) + "]";
}
</script>
</body>
</html>실행 결과는 다음과 같습니다.
JavaScript 배열의 Slice() 메소드는 기존 배열에서 선택한 요소를 반환할 수 있고, Slice() 메소드는 문자열의 특정 부분을 추출하여 사용할 수 있습니다. 새로운 문자열로 추출된 부분을 반환합니다. Slice() 메서드는 원래 배열을 변경하지 않습니다.
마지막으로 "JavaScript Basics Tutorial"을 여러분께 추천드리고 싶습니다~ 모두들 배우신 것을 환영합니다~
위 내용은 JavaScript를 사용하여 배열에서 마지막 항목 제거(3가지 방법)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!