Rumah > Artikel > hujung hadapan web > 图文详解JavaScript中删除数组某个元素的方法

图文详解JavaScript中删除数组某个元素的方法

yuliaasal: 2018-10-10 11:41:3520546semak imbas

在前端开发中经常需要使用JavaScript，那你知道如何用JS删除数值的指定元素吗？这篇文章就给大家分享JS删除数组某个元素的几种方法，感兴趣的朋友可以参考一下，希望可以帮助到你。

方法一：slice()删除数组元素

slice方法可以截取数组的某个部分，且所有主要浏览器都支持slice方法。

语法：array.slice(start, end)
start表示开始截取的位置，end表示结束的位置，end省略不写表示截取到最后一位。

举例：点击按钮实现删除数组的第一个元素

描述：想要删除数组的第一个元素，我们可以用slice方法截取除第一个元素以外的其他元素，即slice（1），代码如下：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <p id="demo">点击按钮删除第一个数组元素。</p>
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.slice(1);
   document.write("新数组是："+ animal1)
  }
 </script>
</html>

效果图：

方法二：shift() 删除数组元素

shift方法可以把数组的第一个元素删除，然后返回第一个元素的值。所有主要浏览器都支持shift方法。缺点是只能删除数组的第一个元素。
语法：array.shift()

代码如下：

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.shift();
   document.write("删除的元素是："+ animal1)
  }
 </script>

效果图：

方法三：splice()方法删除数组元素

splice()方法可以插入、删除或替换数组的元素，且所有主要浏览器都支持splice方法。

语法：array.splice(index,howmany,item1,.....,itemX)
index表示从哪里添加或者删除元素，howmany表示应该删除多少个元素，item表示要添加到数组的新元素。

例子描述：从下标为0的地方开始删除一个元素，代码如下：

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,1);
   document.write("删除的元素是："+ animal1)
  }
 </script>

效果图：

图片2.jpg

以上介绍了JavaScript中的三种方法删除数组中的某个元素，原理相同，方法有所不同，工作中选择哪种方法，看工作需要和个人习惯，小白可以自己动手尝试，加深理解，希望这篇文章可以帮助到你！

更多相关教程请访问 JavaScript视频教程 php公益培训

Atas ialah kandungan terperinci 图文详解JavaScript中删除数组某个元素的方法. 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：深入理解HTML页面中引入JS文件的两种方法Artikel seterusnya：深入理解JS代码注释方法及代码注释规范

Artikel berkaitan

Lihat lagi