ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で要素を配列に追加する 3 つの方法の詳細な図による説明

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

yulia
yuliaオリジナル
2018-10-11 11:38:124602ブラウズ

配列は 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>

レンダリング:

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

##メソッド 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。