JavaScript 配列オブジェクト
JavaScript 配列オブジェクト
配列とは?
配列オブジェクトは、一連の値を格納するために個別の変数名を使用します。
一連のデータ (例: 車名) がある場合、次のような個別の変数があります:
var car1="Saab";
var car2="Volvo";
var car3="BMW";
しかし、特定の車を識別したい場合はどうすればよいでしょうか?しかも3台じゃなくて300台？これは簡単な作業ではありません。
最良の方法は配列を使用することです。
配列は 1 つの変数名ですべての値を格納でき、その変数名で任意の値にアクセスできます。
配列内の各要素には独自の ID があり、簡単にアクセスできます。
配列を作成する
配列を作成するには 3 つの方法があります。
次のコードは、myCars という名前の配列オブジェクトを定義します。
1: 従来の方法:
var myCars=new Array();
myCars[0]="Saab"
myCars[1]="Volvo ";
myCars[2]="BMW";
2: 簡潔な方法:
var myCars=new Array("Saab","Volvo","BMW");
3: 文字通り:
var myCars =[" Saab","Volvo","BMW"];
配列へのアクセス
配列名とインデックス番号を指定することで、特定の要素にアクセスできます。
次の例では、myCars 配列の最初の値にアクセスできます:
var name=myCars[0]; 次の例では、配列 myCars の最初の要素を変更します:
myCars[0]="Opel";
[0] は配列の最初の要素です。 [1] は配列の 2 番目の要素です。
配列にはさまざまなオブジェクトを含めることができます
すべての JavaScript 変数はオブジェクトです。配列要素はオブジェクトです。関数はオブジェクトです。
つまり、配列内にさまざまな型の変数を含めることができます。
配列にはオブジェクト要素、関数、配列を含めることができます:
myArray[0]=Date.now;
myArray[1]=myFunction;
myArray[2]=myCars;
配列のメソッドとプロパティ
配列オブジェクトの事前定義されたプロパティとメソッドを使用します:
var x=myCars . length // myCars の要素の数
var y=myCars.indexOf("Volvo") // 「Volvo」値のインデックス値
配列オブジェクトの役割は、別の変数名を使用してデータを格納することです。一連の値。
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
</body>
</html>for...in ステートメントを使用して配列内の要素をループします:
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
var x
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (x in mycars)
{
document.write(mycars[x] + "<br />")
}
</script>
</body>
</html>concat() メソッドを使用して 2 つの配列をマージする方法:
<html> <meta charset="utf-8"> <body> <script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" var arr2 = new Array(3) arr2[0] = "James" arr2[1] = "Adrew" arr2[2] = "Martin" document.write(arr.concat(arr2)) </script> </body> </html>
sort() メソッドを使用して文字通りソートする方法配列:
<html> <meta charset="utf-8"> <body> <script type="text/javascript"> var arr = new Array(6) arr[0] = "George" arr[1] = "John" arr[2] = "Thomas" arr[3] = "James" arr[4] = "Adrew" arr[5] = "Martin" document.write(arr + "<br />") document.write(arr.sort()) </script> </body> </html>
sort() メソッドを使用して配列を数値的に並べ替える方法:
<html>
<meta charset="utf-8">
<body>
<script type="text/javascript">
function sortNumber(a, b)
{
return a - b
}
var arr = new Array(6)
arr[0] = "10"
arr[1] = "5"
arr[2] = "40"
arr[3] = "25"
arr[4] = "1000"
arr[5] = "1"
document.write(arr + "<br />")
document.write(arr.sort(sortNumber))
</script>
</body>
</html>
