JavaScript で配列の要素を削除する方法の詳細な図による説明-jsチュートリアル-php.cn

ホームページ

ウェブフロントエンド

jsチュートリアル

JavaScript で配列の要素を削除する方法の詳細な図による説明

yulia

Oct 10, 2018 am 11:41 AM

フロントエンド開発ではJavaScriptがよく使われますが、JSを使って指定した値の要素を削除する方法をご存知ですか？この記事では、JS で配列の要素を削除するいくつかの方法を紹介します。興味のある方は参考にしていただければ幸いです。

方法 1:slice() は配列要素を削除します

slice メソッドは配列の特定の部分をインターセプトでき、すべての主要なブラウザーはスライスメソッドをサポートしています。

構文: array.slice(start, end)
start はインターセプトの開始位置を示し、end は終了位置を示します。end を省略すると、最後のビットまでインターセプトすることを意味します。

例: ボタンをクリックして配列の最初の要素を削除します。

説明: 配列の最初の要素を削除したい場合は、スライスメソッドを使用してインターセプトできます。最初の要素 (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>

Rendering:

メソッド 2 :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>

レンダリング:

方法 3: 配列要素を削除する 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>

レンダリング:

JavaScript で配列の要素を削除する方法の詳細な図による説明