Javaスクリプト配列メソッド: 例を使用して作成する
配列とは何ですか?
配列は、 アイテムの集まり配列は、同じタイプの大量のデータを保存する必要がある場合に非常に便利です。500人の従業員の詳細を保存したいとします。変数を使用する場合は、500個の変数を作成する必要がありますが、XNUMXつの配列で同じことができます。配列内の項目にアクセスするには、その参照を使用します。 インデックス番号 配列の最初の要素のインデックスは XNUMX です。
Javaスクリプト配列の作成
で配列を作成できます Javaスクリプト 以下のように。
var students = ["John", "Ann", "Kevin"];
ここでは、配列の作成時に値「John」、「Ann」、「Kevin」を使用して配列を初期化しています。 「ジョン」、「アン」、「ケビン」のインデックスはそれぞれ 0、1、2 です。 Student 配列にさらに要素を追加したい場合は、次のように行うことができます。
students[3] = "Emma"; students[4] = "Rose";
次のように Array コンストラクターを使用して配列を作成することもできます。
var students = new Array("John", "Ann", "Kevin");
OR
var students = new Array(); students[0] = "John"; students[1] = "Ann"; students[2] = "Kevin";
Javaスクリプト配列メソッド
Array オブジェクトには、開発者が配列を簡単かつ効率的に処理するのに役立つ多くのプロパティとメソッドがあります。 arrayname.property を指定するとプロパティの値を取得でき、arrayname.method() を指定するとメソッドの出力を取得できます。
- 長さプロパティ –> 配列内の要素の数を知りたい場合は、length プロパティを使用できます。
- プロトタイプのプロパティ –> 新しいプロパティとメソッドを追加する場合は、プロトタイプ プロパティを使用できます。
- 逆の方法 –> reverse メソッドを使用して、配列内の項目の順序を逆にすることができます。
- ソート方法 –> sort メソッドを使用して、配列内の項目を並べ替えることができます。
- ポップメソッド –> Pop メソッドを使用して配列の最後の項目を削除できます。
- シフト方式 –> shift メソッドを使用して配列の最初の項目を削除できます。
- プッシュ方式 –> 配列の最後の項目として値を追加できます。
これを自分で試してみてください。
<html> <head> <title>Arrays!!!</title> <script type="text/javascript"> var students = new Array("John", "Ann", "Aaron", "Edwin", "Elizabeth"); Array.prototype.displayItems=function(){ for (i=0;i<this.length;i++){ document.write(this[i] + "<br />"); } } document.write("students array<br />"); students.displayItems(); document.write("<br />The number of items in students array is " + students.length + "<br />"); document.write("<br />The SORTED students array<br />"); students.sort(); students.displayItems(); document.write("<br />The REVERSED students array<br />"); students.reverse(); students.displayItems(); document.write("<br />THE students array after REMOVING the LAST item<br />"); students.pop(); students.displayItems(); document.write("<br />THE students array after PUSH<br />"); students.push("New Stuff"); students.displayItems(); </script> </head> <body> </body> </html>