JavaScript 配列オブジェクト

JavaScript 配列の基本概念

配列は一連の値のコレクションです。つまり、合計(jì)変數(shù)で表される複數(shù)の変數(shù)とみなすことができます。配列には 0 個(gè)以上の配列要素が含まれます。

配列を作成する

JavaScript で new キーワードを使用して配列を作成します。構(gòu)文は次のとおりです:

// 空の配列を作成します:
new Array()
// num の配列を作成します。 elements:
new Array (num)
// 要素値を含む配列を直接作成します:
new Array(element0,element1,element2...)

説明: Array(3) は、次の配列を作成することを意味しますただし、実際には、配列內(nèi)の要素の數(shù)は依然として可変です。以下は配列の作成でよく使用される例です:

var array_1 = new Array(); array_1[1] = 10.5; array_2 = 新しい Array(3)
array_2[0] = {x:10, y:15};
array_2[1] = document.getElementById("article");
array_2[2] = 新しい Array();

var array_3 = new Array('a',10.5,true);

配列要素は変數(shù)と同じで、JavaScript がサポートするものであれば何でもよく、上の例に示すように配列でも構(gòu)いません。

JavaScript は、配列を作成するための非表示の宣言もサポートしています:

var array_4 = ['a',10.5,true];

ただし、array_4 と array_3 は等しくないことに注意してください。 array_4 ) は false を出力します。

配列要素の操作

配列には複數(shù)の配列要素が含まれています。添え字に注意してください。カウントは 0 から始まります: var array_3 = new Array('a',10.5,true);

alert( array_3[1] ); // 出力: 10.5

要素の値を変更します

var array_3 = new Array('a',10.5,true);
array_3[1] = 20 // 要素に新しい値を割り當(dāng)てます
alert( array_3[1; ] ); // 出力: 20

要素の追加

JavaScript は、配列の直後に新しい要素を追加する新しい添字メソッドをサポートしています:

var array_3 = new Array('a',10.5) ,true);
array_3[3] = '新しい値'; // 新しい値を要素に割り當(dāng)てます
alert( array_3[3] ); // ポップアッププロンプトウィンドウの出力: 20

その他の追加方法については、配列要素については、以下を參照してください。

JavaScript プッシュメソッド: 配列の末尾に 1 つ以上の要素を追加します。

JavaScript unshift メソッド: 配列の先頭に 1 つ以上の要素を追加します。

JavaScript splice メソッド: 挿入、削除または配列の要素を置き換えます

要素を削除します

配列要素を削除するには、以下を參照してください:

JavaScript Pop メソッド: 1 つ以上の要素を配列の末尾に追加します

JavaScript SHIFT メソッド: 1 つ追加します配列の先頭に 1 つ以上の要素を追加します

JavaScript splice メソッド: 配列の要素を挿入、削除、または置換します

ヒント: 配列要素を null に割り當(dāng)てると、要素の値がクリアされるだけで、要素は削除されません。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">點(diǎn)我</button>
<script>
Array.prototype.myUcase=function(){
for (i=0;i<this.length;i++){
this[i]=this[i].toUpperCase();
}
}
function myFunction(){
var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.myUcase();
var x=document.getElementById("demo");
x.innerHTML=fruits;
}
</script>
</body>
</html>

學(xué)び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script type="text/javascript"> var array_1 = new Array(); array_1[0] = new Array('a','b','c','f'); document.write(array_1); </script> </head> <body> </body> </html>

提出するリセットコード

自動(dòng)運(yùn)転