JS配列(Array)処理関数sorting_基礎知識

1. concat() は 2 つ以上の配列を接続します
このメソッドは既存の配列を変更せず、単に連結された配列のコピーを返します。
例:

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

<スクリプトタイプ="text/javascript">
var arr = [1, 2, 3];
var arr1 = [11, 22, 33];
document.write(arr.concat(4, 5, arr1));

出力結果:
1,2,3,4,5,11,22,33

2. 結合()
配列のすべての要素を文字列に入れます。要素は指定された区切り文字で区切られます。
例:

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

<スクリプトタイプ="text/javascript">
var arr = ['アイテム 1', 'アイテム 2', 'アイテム 3'];
var list = '

• ' arr.join('
• ') '

';

結果のリスト:

'

• 項目 1
• 項目 2
• 項目 3

'
これは断然最速の方法です。システムが内部で何を行うかに関係なく、ネイティブ コード (join() など) を使用すると、通常は非ネイティブ コードよりもはるかに高速になります。 ——ジェームズ・パドルシー、james.padolsey.com

3. Pop() は配列の最後の要素を削除して返します
Pop() メソッドは、配列の最後の要素を削除し、配列の長さを 1 減分して、削除した要素の値を返します。
配列がすでに空の場合、pop() は配列を変更せず、未定義の値
を返します。 例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.pop() "
");
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス
トーマス
ジョージ、ジョン

4. Push() は 1 つ以上の要素を配列の末尾に追加し、新しい長さを返します
例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.push("ジェームズ") "
");
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス
4
ジョージ、ジョン、トーマス、ジェームス

5. unshift() は 1 つ以上の要素を配列の先頭に追加し、新しい長さを返します
例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.unshift("ジェームズ") "
");
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス
4
ジェームズ、ジョージ、ジョン、トーマス

6. reverse() は配列内の要素の順序を反転します
例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.reverse());

出力結果:
ジョージ、ジョン、トーマス
トーマス、ジョン、ジョージ

7.shift() は配列の最初の要素を削除して返します
例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.shift() "
");
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス
ジョージ
ジョン、トーマス

8.slice(start,end) は、既存の配列から選択された要素を返します
このメソッドは配列を変更するのではなく、サブ配列
を返すことに注意してください。 例:

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

<スクリプトタイプ="text/javascript">
var arr = ["ジョージ", "ジョン", "トーマス"];
document.write(arr "
");
document.write(arr.slice(1) "
") // 配列の最初の要素から末尾までを切り取る
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス
ジョン、トーマス
ジョージ、ジョン、トーマス

9. sort() は配列の要素を並べ替えます
配列への参照。配列は元の配列に基づいてソートされ、コピーは生成されないことに注意してください
デフォルトでは、このメソッドは文字エンコード (ASCII) の順序に従ってソートされます
例:

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = "ジョン";
arr[1] = "ジョージ";
arr[2] = "トーマス";
Document.write(arr "
");
Document.write(arr.sort());

出力結果:
ジョン、ジョージ、トーマス
ジョージ、ジョン、トーマス

別の例を見てみましょう:

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = 10
arr[1] = 5
arr[2] = 40
arr[3] = 25
arr[4] = 1000
arr[5] = 1
Document.write(arr "
");
Document.write(arr.sort());

出力結果:
10,5,40,25,1000,1
1,10,1000,25,40,5

数値の大きさで並べ替えたい場合は、デフォルトの並べ替え方法を変更し、並べ替えルールを自分で指定する必要があることがわかります。
以下のように:

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = 10
arr[1] = 5
arr[2] = 40
arr[3] = 25
arr[4] = 1000
arr[5] = 1
Document.write(arr "
");
Document.write(arr.sort(function (a, b) {return a - b;})); // 大きいものから小さいものへ

出力結果:
10,5,40,25,1000,1
1,5,10,25,40,1000
降順に並べ替えたい場合はどうすればよいでしょうか?
並べ替え順序を次のように変更します:
function (a, b) {return b - a;}
大丈夫です

10. splice() は要素を削除し、新しい要素を配列に追加します
splice() メソッドには、slice() メソッドとは異なる機能があります。 splice() メソッドは、配列
を直接変更します。 (1) 指定範囲の配列要素を削除：

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = "ジョージ"
; arr[1] = "ジョン";
arr[2] = "トーマス";
arr[3] = "ジェームズ";
arr[4] = "アドリュー";
arr[5] = "マーティン";
Document.write(arr "
");
arr.splice(2, 3); // 配列の 3 番目の要素以降の 3 つの要素 (3 番目の要素を含む) を削除します
Document.write(arr);

出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、マーティン

(2) 指定した添字から指定した要素を挿入します(要素数に制限はありません):

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = "ジョージ";
arr[1] = "ジョン";
arr[2] = "トーマス";
arr[3] = "ジェームズ";
arr[4] = "アドリュー";
arr[5] = "マーティン";
Document.write(arr "
");
arr.splice(2, 0, "William","JACK") // 3 番目の要素の前に "William","JACK"
を挿入します。 Document.write(arr);

出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、ウィリアム、ジャック、トーマス、ジェームズ、アドリュー、マーティン

(3) 指定範囲の配列要素を削除し、指定した要素に置き換えます(要素数に制限はありません):

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

<スクリプトタイプ="text/javascript">
var arr = 新しい配列(6);
arr[0] = "ジョージ";
arr[1] = "ジョン";
arr[2] = "トーマス";
arr[3] = "ジェームズ";
arr[4] = "アドリュー";
arr[5] = "マーティン";
Document.write(arr "
");
arr.splice(2,3,"William","JACK"); // 配列の 3 番目の要素以降の 3 つの要素 (3 番目の要素を含む) を削除し、"William","JACK" に置き換えます
document.write(arr);

出力結果:
ジョージ、ジョン、トーマス、ジェームズ、アドリュー、マーティン
ジョージ、ジョン、ウィリアム、ジャック、マーティン