Rumah > Artikel > hujung hadapan web > js怎么使用pop()和shift()来删除数组元素？（代码实例）
js怎么使用pop()和shift()来删除数组元素？（代码实例）
- 青灯夜游asal
- 2018-10-22 13:37:335352semak imbas
js数组如何删除数组元素？本篇文章就给大家介绍js数组删除元素的方法，让大家了解js数组（一维）怎么使用pop()和shift()来删除元素。有一定的参考价值，有需要的朋友可以参考一下，希望对你们有所帮助。
方法一：js数组使用pop()方法删除元素
pop()方法可以将数组最末尾的一个元素删除，并返回删除的元素值。注：数组的长度会改变，减 1。
说明：
如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。
代码实例：删除animal数组的最末尾的rabbit
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>数组：cat，elephant，tiger，rabbit；<br>数组长度为：4</p>
<button onclick="myFunction()">点我--pop()删除元素</button>
</div>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
document.write("<p>数组："+animal+"<br>数组长度："+ animal.length+"</p>");
var animal1= animal.pop();
document.write("<p>新数组："+animal+"<br>删除的元素为："+ animal1+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>效果图：
注：数组.length返回数组长度。
方法二：js数组使用shift()方法删除元素
shift()方法可以将数组最开头的一个元素删除，并返回删除的元素值。注：数组的长度会改变，减 1。
代码实例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>数组：cat，elephant，tiger，rabbit；<br>数组长度为：4</p>
<button onclick="myFunction()">点我--shift()删除元素</button>
</div>
</body>
<script type="text/javascript">
function myFunction(){
var animal = ["cat", "elephant", "tiger","rabbit"];
document.write("<p>数组："+animal+"<br>数组长度："+ animal.length+"</p>");
var animal1= animal.shift();
document.write("<p>新数组："+animal+"<br>删除的元素为："+ animal1+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>代码实例：
以上就是本篇文章所介绍的在js数组中添加元素的三种方法，分别是pop()和shift()。工作中选择哪种方法，看工作需要和个人习惯， 小白可以自己动手尝试，加深理解，希望这篇文章可以帮助到你！更多相关教程请访问：JavaScript视频教程，jQuery视频教程，bootstrap视频教程！
Atas ialah kandungan terperinci js怎么使用pop()和shift()来删除数组元素？（代码实例）. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：JavaScript判断奇数和偶数的两种方法Artikel seterusnya：什么是跨域？javascript跨域的四种方式介绍