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

JavaScript で要素を配列に追加する 3 つの方法の詳細な図による説明

yulia

リリース： 2018-10-11 11:38:12

オリジナル

4591 人が閲覧しました

配列は JavaScript の重要な部分ですが、JS 配列に要素を追加する方法をご存知ですか?この記事では、JS 配列に要素を追加する方法について説明します。興味のある方はご覧ください。

メソッド 1、unshift() メソッド

unshift メソッドは、配列の先頭に 1 つ以上の要素を追加し、新しい配列の長さを返します。、およびすべての主流ブラウザすべてのプロセッサが unshift メソッドをサポートしています。

構文: array.unshift(item1,item2, ..., itemX)

例: ボタンをクリックして、配列の先頭に「dog」を追加します

コードは次のとおりです。：

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>  
  <button onclick="myFunction()">点我</button>
 </body>
 <script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.unshift("dog");
   document.write("数组长度："+ animal1+"新数组："+animal)
  }
 </script>
</html>

ログイン後にコピー

レンダリング:

##メソッド 2、push() メソッド

push メソッドは、配列の末尾に 1 つ以上の要素を追加して、新しい配列の長さを返すことができます。すべての主要なブラウザーは、push() メソッドをサポートしています。

構文: array.push(item1, item2, ..., itemX)

コードは次のとおりです:

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.push("dog");
   document.write("数组长度："+ animal1+"新数组："+animal)
  }
 </script>

ログイン後にコピー

メソッド 3、splice() method

splice() メソッドは、配列への要素の挿入、削除、または置換を行うことができ、すべての主要なブラウザが splice メソッドをサポートしています。

構文: array.splice(index,howmany,item1,...,itemX)

index は要素を追加または削除する場所を示し、howmany は削除する要素の数を示し、item は追加先を示します。配列の新しい要素。

コードは次のとおりです:

<script type="text/javascript">
  function myFunction(){
   var animal = ["cat", "elephant", "tiger","rabbit"];
   var animal1= animal.splice(0,0,"dog");
   document.write("新数组："+animal)
  }
 </script>

ログイン後にコピー

上記では、JS の配列に要素を追加するための 3 つのメソッド、つまり unshift() メソッド、push() メソッド、splice() を紹介しています。方法。仕事でどの方法を選択するかは、仕事のニーズと個人の習慣によって決まります。この記事があなたの理解を助けるために自分で試してみてください。

その他の関連チュートリアルについては、

JavaScript ビデオチュートリアル php 公共福祉トレーニングをご覧ください。

以上がJavaScript で要素を配列に追加する 3 つの方法の詳細な図による説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。