js陣列如何刪除指定位置的元素？刪除指定位置元素的2種方法
- 青灯夜游原創
- 2018-10-22 14:51:05113491瀏覽
這篇文章帶給大家的內容是介紹js數組（一維）刪除指定位置元素的方法，讓大家了解js數組是怎麼刪除指定位置上的元素。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有幫助。
推薦手冊：JavaScript中文參考手冊
#js陣列如何刪除元素？在之前的文章【js怎麼使用pop()和shift()來刪除陣列元素？ 】中我們介紹了刪除js一維數組中最開頭的一個元素和最末尾的一個元素的方法，大家有需要可以如看看。
下面我們來詳細介紹一下js一維陣列刪除指定位置元素的2種方法是什麼？如何使用？
方法一：js splice()方法刪除指定位置的陣列元素
splice()方法可以將一個或多個js陣列元素從指定的位置上刪除，然後傳回被刪除的陣列元素。
語法：
数组.splice(index,howmany);
index：表示從指定的位置上（哪裡）刪除元素；
howmany：表示應該刪除多少個元素，賦值為0就表示不刪除元素；
程式碼實例：刪除animal陣列第二項和第三項的元素（第一項後的連續兩個元素）
<!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.splice(1,2);
document.write("<p>新数组："+animal+"<br>删除的元素为："+ animal1+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>效果圖：
相關文章推薦：
1.js中如何移除陣列中指定的元素（兩種方法）
2.JS陣列刪除指定元素
相關影片教學：
1.JavaScript極速入門_玉女心經系列
#方法二：js delete方法刪除指定位置的陣列元素
delete方法可以透過陣列的下標將js數組中的一個元素從指定位置上刪除，且刪除掉數組中的元素後，會把該下標出的值置為undefined，數組的長度不會改變。
語法：
delete.数组[数组下标];/*数组下标控制指定位置，下标从0开始*/
程式碼實例：刪除animal陣列的第二項元素，即：animal[1]，然後animal[1]的值會為：undefined。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="demo">
<p>数组：cat，elephant，tiger，rabbit；<br>数组长度为：4</p>
<button onclick="myFunction()">点我--delete删除元素</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= delete animal[1];
document.write("<p>新数组："+animal+"<br>删除元素后，现在为："+ animal[1]+"<br>数组长度："+ animal.length+"</p>");
}
</script>
</html>效果圖：
總結：以上就是本篇文章所介紹的在js陣列中加入元素的2種方法，分別為splice()方法和delete方法。工作中選擇哪一種方法，看工作需要和個人習慣， 大家可以自己嘗試，加深理解，希望這篇文章可以幫助你！
更多相關教學請造訪：JavaScript影片教學，jQuery影片教學，bootstrap影片教學！
以上是js陣列如何刪除指定位置的元素？刪除指定位置元素的2種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！