JavaScript 配列の基本概念
配列は一連の値のコレクションです。つまり、合計変数で表される複数の変数とみなすことができます。配列には 0 個以上の配列要素が含まれます。
配列を作成する
JavaScript で new キーワードを使用して配列を作成します。 構文は次のとおりです:
// 空の配列を作成します:
new Array()
// num の配列を作成します。 elements:
new Array (num)
// 要素値を含む配列を直接作成します:
new Array(element0,element1,element2...)
説明: Array(3) は、次の配列を作成することを意味しますただし、実際には、配列内の要素の数は依然として可変です。以下は配列の作成でよく使用される例です:
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);
配列要素は変数と同じで、JavaScript がサポートするものであれば何でもよく、上の例に示すように配列でも構いません。
JavaScript は、配列を作成するための非表示の宣言もサポートしています:
var array_4 = ['a',10.5,true];
ただし、array_4 と array_3 は等しくないことに注意してください。 array_4 ) は false を出力します。
配列要素の操作
配列には複数の配列要素が含まれています。添え字に注意してください。カウントは 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 // 要素に新しい値を割り当てます
alert( array_3[1; ] ); // 出力: 20
要素の追加
JavaScript は、配列の直後に新しい要素を追加する新しい添字メソッドをサポートしています:
var array_3 = new Array('a',10.5) ,true);
array_3[3] = '新しい値'; // 新しい値を要素に割り当てます
alert( array_3[3] ); // ポップアップ プロンプト ウィンドウの出力: 20
その他の追加方法については、配列要素については、以下を参照してください。
JavaScript プッシュ メソッド: 配列の末尾に 1 つ以上の要素を追加します。
JavaScript unshift メソッド: 配列の先頭に 1 つ以上の要素を追加します。
JavaScript splice メソッド: 挿入、削除または配列の要素を置き換えます
要素を削除します
配列要素を削除するには、以下を参照してください:
JavaScript Pop メソッド: 1 つ以上の要素を配列の末尾に追加します
JavaScript SHIFT メソッド: 1 つ追加します配列の先頭に 1 つ以上の要素を追加します
JavaScript splice メソッド: 配列の要素を挿入、削除、または置換します
ヒント: 配列要素を null に割り当てると、要素の値がクリアされるだけで、要素は削除されません。
例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<p id="demo"></p>
<button onclick="myFunction()">点我</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>
次のセクション