JavaScript学習メモ(5) Array配列型入門_基礎知識

配列の作成
最初の型:

コードをコピー コードは次のとおりです:

var color = new Array();
var Colors = new Array(20);//20 個の項目を含む配列を作成します
var Colors = new Array("Greg");//1 個の項目を含む配列を作成しますこれは "Greg" の文字列配列です
var Colors = new Array("red","blue","green") // 3 つの項目を作成します

2 番目のタイプ:

コードをコピー コードは次のとおりです:

var Colors = ["red","blue" ,"green"] ;
var Colors = [];//空の配列を作成します

注: 配列のインデックスは 0 から始まります

1。
length 属性 配列内の項目の数は次のように保存されます。

コードをコピーします コードは次のとおりです

var Colors = ["red","blue","green"]
alert(colors.length); //3

長さ属性は読み取り専用ではありません。配列で長さ属性を使用できます。末尾の項目を削除したり、次のような新しい項目を追加したりできます。

コードをコピー コードは次のとおりです。

var Colors = ["red","blue","green"];
colors.length = 2; 🎜>alert(colors); //red,blue
colors.length] = "black";
alert(colors); //赤、青、黒

2.join() メソッドで、配列内の項目を接続します

コードをコピー コードは次のとおりです:

var Colors = ["red","blue","green"];
alert(colors.join(",")); //red,blue,green
alert(colors. join("||")); //red||blue||green

3. 配列スタック メソッド: Push() および Pop()
push() メソッドは任意のメソッドを受け入れることができます。パラメータの数を取得し、配列の末尾に 1 つずつ追加し、変更された配列の長さを返します。
pop() このメソッドは、配列の末尾から最後の項目を削除し、配列の長さの値を減らします。 、削除された項目を返します

コードをコピー コードは次のとおりです:

var Colors = new Arrary(); // 配列を作成します
var count = Colors.push("red","green") // 2 つの項目を配列の末尾にプッシュします
alert(count); 2
count = Colors.push("black") // 項目を配列の最後にプッシュします
alert(count); //3
var item = Colors.pop(); /最後の項目を削除し、値を返します。
alert(item) //"black"
alert(count); //2

4. )、shift()、unshift()
push() メソッドは上記と同じです
shift() メソッドは配列の最初の項目を削除して返し、配列の長さが 1 減ります。 🎜>unshift() メソッドは、配列の先頭に任意の項目を追加し、新しい配列の長さを返します

コードをコピー コードは次のとおりです:

var Colors = new Arrary(); //配列を作成します

var count = Colors.push("red","green"); // 2 つをプッシュします。項目を配列の末尾にプッシュします
alert(count); //2
count = Colors.push("black"); // 項目を配列の末尾にプッシュします
alert(count) ; //3
var item = Colors.shift() //最初の項目を削除し、値を返します
alert(item) //"red"
alert(colors); ,black
count = Colors .unshift("blue") //配列の先頭に項目をプッシュします
alert(count) //3
alert(colors);緑、黒


5. 並べ替えメソッド: reverse() および sort()

reverse() メソッドは配列項目の順序を逆にします
sort() メソッドはデフォルトで配列項目を並べ替えます文字列サイズによる昇順で、比較サイズを受け入れることができます。 この関数はパラメータとして

を受け取ります。 コードをコピーします コードは次のとおりです。

var 値 = [1,2, 3,4,5];

values.reverse(); //5,4,3; ,2,1

コードをコピー コードは次のとおりです:

//昇順ソート関数
function Compare(value1,value2) {
if (value1 return -1; //降順を 1 に変更します } else if (value1 > value2) {
return 1; //降順を -1 に変更
} else {
return 0;
}
} >

コードをコピー コードは次のとおりです: //昇順にソートされた配列

var 値 = [0, 1,5,15,20,10];

values.sort(compare);//0,1,5,10,15 ,20

コードをコピー

コードは次のとおりです: / /この関数は数値型、昇順に使用できます function Compare(value1,value2) {

return value2 - value1

}


6. 配列のいくつかのメソッド: concat() メソッド、slice() メソッド、splice() メソッド
concat() メソッドは、元の配列の末尾にパラメータを追加し、元の配列を変更せずに新しい配列を返します。 ) メソッドは、配列内の項目を返します。パラメーターが 1 つの場合、指定された位置から配列の末尾までのすべての項目 (開始位置と終了位置の間の項目 (末尾を除く)) が返されます。
splice() メソッドは配列内の項目を挿入、削除、または置換し、削除された項目を返します (削除されていない場合は空の配列を返します)。元の配列は変更されます

コードをコピー

コードは次のとおりです: //concat() メソッドvar色 = ["赤","緑","青"]; var Colors2 = color.concat("黄",["黒","茶色"] );

alert(colors); /red,green,blue

alert(colors2) //red,green,blue, yellow,black,brown

コードをコピー

コードは次のとおりです。 //slice() メソッドvar Colors = ["red"," green","blue"," yellow","black"]; var Colors2 = Colors.slice(1); //1 つのパラメーターを使用して、指定された位置から配列の末尾までのすべての項目を返します

var Colors3 = Colors .slice( 1,4); //パラメータが 2 つある場合は、開始位置と終了位置の間の項目を返します（終了位置を除く）。 //green,blue, yellow,black

alert(colors3); //green,,blue, yellow






コードをコピー

コードは次のとおりです: //splice() メソッド//項目を挿入します。挿入時に 3 つのパラメーターを指定します: 開始位置、0 (削除する項目)、挿入する項目var color = ["red","green","blue"]; var selected = Colors.splice(1,0," yellow","orange") // 位置 1 から 2 つの項目を挿入します

alert(colors); //red, yellow,orange,green,blue

alert(inserted); //空の配列

//削除時に 3 つのパラメータを指定します: 開始位置、項目
var Colors = ["red","green","blue"]
var replaces = Colors.splice(1,1,"black","brown "); ; // 1 つの項目を削除し、2 つの項目を挿入します。
alert(colors) //red,black,browm,blue
alert(replaced);