JavaScript入門のための配列【初心者必読】

1. 配列を定義します。

配列を定義するには2つの方法があります:

1. var arr1 = []; //空の配列を定義します

2. var arr2 = [1,2,3,"str1","str2"]; // 5 つの要素を持つ配列を定義します。

3. var arr3 = new Array(3); //空の配列を定義します

4. var arr4 = new Array(1,2,3,"str1","str2"); //空の配列を定義します指定された長さの 5 の配列です。

2. 配列要素の読み取りと書き込み。

arr[0]; //配列の最初の要素を読み込みます

arr[0] = "str1"; //配列の最初の要素の値を変更します。

3. スパース配列。

スパース配列は、0から始まる不連続なインデックスを持つ配列を表します。通常、配列の長さは要素内の要素の数を表します。配列がスパースの場合、長さ属性の値は要素の数よりも大きくなります。

in演算子は、特定の位置に要素が存在するかどうかを検出するために使用されます。未定義も存在するとみなされることに注意してください。

例: var a1 = [,,];

var a2 = new Array(3);

a1 では 0 // a[0] には未定義の要素があるため

a2 では 0; // false 、a2 にはインデックス 0 に要素がありません

IV。配列の長さ

長さ属性は配列の長さをマークするために使用されます

例: var arr = [1,2,3,4,5];

arr.length; / /5 arr配列には5つの要素があります

5. 配列要素の追加と削除

push: //配列の最後に要素を追加します

var arr = [1,2,3] ;

arr.push( 4,5); //arrは[1,2,3,4,5]になります

delete: //配列内の特定の位置の要素を削除します

var arr = [1 ,2,3]

delete arr [1] //arr become [1,,3]

1 in arr //false

6. 配列トラバーサル

配列トラバーサルは通常for文

varを使って実装されます。 arr = [1,2, 3,4,5];

for(var i = 0.i

if(!a[i]) continue; //スキップnull、未定義および存在しない要素

}

VII. 多次元配列

多次元配列とは、要素の配列、または配列です

例: var arr = [[1,2,3],[, 4,5,6]];

arr[1 ][1]; // 5

8. 配列メソッド

1. join() 配列内のすべての要素を文字列に変換し、それらを結合するために使用します。接続文字もカスタマイズできます

var arr = [ 1,2,3];

arr.join(); // => "1,2,3"

arr.join("==") ; // => "1==2= =3";

2. reverse() 配列要素の順序を反転するために使用します

var arr = [1,2,3];

arr.reverse( ); // arr 配列は [3,2 ,1]

になります 3. sort(); // 配列内の要素をソートするために使用されます。ソートのために関数を渡すことができます。空の場合は、アルファベット順にソートされます。未定義の要素は最後までソートされます

var arr = [1,2,3];

a.sort(function(a,b){

return a-b; //標準の負の数0の正の数をソートし、比較結果は小さい方が先に返されます

}) //arr配列の値は[1,2,3] 2番目の条件がb-aになった場合、結果は[3,2,1]

4 . concat() //新しい配列を結合して新しい配列を返すために使用します

var arr = [1,2,3]

arrnew = arr.concat(4,5) //arrnew配列は[1, 2,3,4,5 ]

arrnew1 = arr.concat([4,5],[6,7]) //arrnew1 配列は [1,2,3,4,5,6,7];

5.slice() / / 配列の指定範囲の要素で構成される配列を返すために使用されます。パラメータが入力された場合は、このパラメータから最後までの配列です。 2 つのパラメータは次のとおりです。最初のパラメータは開始位置、2 番目のパラメータは数値です。

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

var arr1 = arr.slice(2) //[3,4,5]

var arr2 = arr.slice(1,3) ); //[2,3]

6. splice() 要素を削除または追加します。元の配列自体を変更します。これは C# の参照 (ref) に相当します。元の配列は削除された要素で構成される配列であり、戻り値は残りの要素で構成される配列です。

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

var arr1 = arr.splice(1,3); //arr は [2,3,4]、返される配列 arr1 は [ 1 ,5]

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

var arr3 = arr2.splice(2,0,'a','b'); //2番目から削除location 、2 つの要素を削除し、その位置から 'a'、'b' を挿入します。arr2 は要素が削除されないため []、arr3[1,2,'a','b',3,4,5]

7.push()とpop() 配列の最後に要素を追加または削除する場合は、最後に追加された要素を返します。 削除する場合は、最後に追加された要素を返します。戻り値は削除された要素です。

push()関数は配列の末尾に要素を追加します。

pop() 配列の最後の要素を削除する関数です。

var arr = [1,2,3]

arr.push(4); //arr1は[1,2]

8. unshift()とshift()

shift() 、unshift() と Push()、pop() は、配列の末尾ではなく先頭に対する単なる演算です。

shift() 配列の先頭から要素を削除し、戻り値は削除した要素になります。

unshift() 配列の先頭に要素を追加し、最後に追加された要素を返します。

var arr = [1,2,3];

var a = arr.shift(); //arrは[2,3]になる aは1

var arr1 = [1,2,3];

var b = arr1.unshift([4,5]); //arr1は[4,51,2,3]となり、bは4 最後に追加したものに戻り、最初に5を追加してから4を追加します

9。 toString() と toLocaleString() 配列を文字列に変換します

var arr = [1,2,3]

arr.toString() // パラメータを使わずに「1,2,3」を生成して結合します( ）それは同じだ。

2. ECMAScriptの配列メソッド

1. forEach() forEach()は配列を最初から最後まで走査し、要素ごとに指定された関数を呼び出します。

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

var sum = 0;

arr.forEach(function (value) {

sum + value;

});

document.write(sum ); //合計は15になる

2.map() map()メソッドは、呼び出された配列の各要素を指定された関数に渡し、配列を返します。

var arr = [1, 2, 3, 4, 5];
var arr1 = arr.map(function (value) {

戻り値 + 1;

});

document.write(arr1.join() ); //arr1 is [2,3,4,5,6]

3. filter() Filter() フィルターは、条件を満たさない要素を除外した呼び出し元の配列のサブセットです。

var arr = [1, 2, 3, 4, 5, 6];
var arr1 = arr.filter(function (i) { return i % 2 == 0 });

document.write(arr1.join ()); //arr1 は [2,4,6]

4.every() と some()

配列内のすべての要素が判定関数を呼び出して true true を返した場合にのみ、every() は true を返します。 。初めて false が返されたときにトラバースを停止します。

some()は配列に要素がある場合にtrueを返し、判定関数を呼び出してtrueを返します。初めて true が返されたときにトラバースを停止します。

var arr = [1, 2, 3, 4, 5, 6];

var a = arr.every(function (x) { return x > 3; }); y){ return y > 3; });

document.write("a の値は次のとおりです: " + a); b の値は次のとおりです: " + b); bには3より大きい要素があります

5.reduce()とreduceRight()

reduce() 配列内の要素を指定された関数で結合し、単一の値を生成し、最初のパラメータは簡易演算関数で、 2 番目のパラメータは、関数に渡される初期値です。最終結果は初期値であり、組み合わせた関数と最終結果に基づいて再計算されます。第 2 パラメータの初期値は省略可能です。初期値を省略した場合は、最初の要素から直接計算が開始されます。

var arr = [1, 2, 3, 4, 5, 6];
var count = arr.reduce(function (x, y) { return x + y; },0);

document.write(count );

reduceRight(); reduce()との唯一の違いは、計算のために要素を右から左に選択することです。

6.indexOf()とlastInsexOf()

indexOf() indexOf()は最初から最後まで見つかった最初の要素のインデックスを返します。

lastIndexOf() lastIndexOf()は要素を逆順に検索し、最初に見つかった要素のインデックスを返します。

var arr = [1, 2, 3, 2, 1];
var i = arr.indexOf(2); // 最初から最後まで検索し、最初に 2 が見つかったときは arr[1] なので、1 はreturn
var j = arr.lastIndexOf(2); //最初に 2 が見つかったときは、document.write(i + "
document .write(j);

7. Array.isArray(); //オブジェクトが配列オブジェクトかどうかを判定

var arr = [1, 2, 3];

var str = "str1";
document.write( Array.isArray(arr)); // true を返します arr は配列オブジェクトです
document.write(Array.isArray(str)) // str は文字列です配列オブジェクト