JavaScript 配列オブジェクト

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>

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(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>

提出するリセットコード

自動運転