JavaScript_javascript スキルにおける配列オブジェクトの組み込みメソッドの紹介

/**
* この記事は、現在の W3C 標準における配列オブジェクトの組み込みメソッドを単に整理することを目的としています。
* 全文は栄養価が高いものではありませんが、パフォーマンス テストの最後の部分ではいくつかの疑問が生じます。
*/
Mutator メソッド
これらのメソッドは配列自体を直接変更します
pop および Push
Array.pop (); // 配列の最後の要素を削除し、削除された要素を返します。
Array.push(element1, ..., elementN) // 配列の最後に 1 ～ N の要素を挿入し、配列の長さを返します。操作後
このポップとプッシュにより、配列をスタックとしてシミュレートして操作できます。
スタックのデータ構造の特徴は「後入れ先出し」(LIFO、Last In First Out)です。
shift and unshift
Array.shift(); // 配列の最初の要素を削除し、削除された要素を返します
Array.unshift(element1, ..., elementN) ; // 1 ～ N の要素を配列の先頭に挿入し、演算後の配列の長さを返します
キュー演算を実装するにはシフトとシフト解除を使用します。
キューの動作モードはスタックの動作モードとは逆で、「先入れ先出し」(FIFO、先入れ先出し) を使用します。
splice

インデックス:要素の追加/削除を指定する場所。
howmany: 削除する要素の数を指定します。
elements: 配列に追加する新しい要素を指定します。インデックスが指す添え字から始まります。
スプライス メソッドは、ポップ、プッシュ、シフト、シフト解除を補完するものです。
戻り値は削除された要素です。

reverse

Array. reverse(); // 配列内の要素の順序を反転し、反転した配列を返します sort

Array.sort([compareFunction]); 正確には文字コードの順序に従ってソートされています。
他の基準で並べ替えたい場合は、2 つの値を比較し、2 つの値の相対的な順序を表す数値を返す比較関数を提供する必要があります。比較関数には 2 つのパラメータ a と b が必要で、戻り値は次のとおりです:
•a が b より小さい場合、a は並べ替えられた配列内で b より前に表示され、0 より小さい値を返します。
•a が b と等しい場合、0 を返します。
•aがbより大きい場合、0より大きい値を返します。
----------------------------------------------- --- ----------------------------------

アクセスメソッド
これらのメソッドは、配列自体を変更せずに、対応する結果を返すだけです
concat

Array.concat(value1, value2, ..., valueN); // 2 つ以上の配列をリンクし、結合された配列を返します

var arr = [1, 2, 3]; join
string = Array.join(separator); 配列内のすべての要素を文字列に入れます。このうち要素は指定された区切り文字で区切られます。
デフォルトの区切り文字はカンマ (,) で、戻り値は結合された文字列です。
[1, 2, 3].join(); // return "1,2,3"Array.join() メソッドは実際には String.splite() の逆の操作です。

スライス

Array.slice(begin[, end]); // 配列内の選択された要素を返します Array.some(callback[, thisObject]); // "または"
パラメータ:
callback: 配列を走査するときに呼び出される関数 コードは次のとおりです:

reduce and reduceRight *[ECMAScript 5] / / Use the specified method to combine array elements, from low to high (from left to right)
Array.reduceRight(callback[, initialValue]); // Use the specified method to combine array elements, according to Index from high to low (right to left) currentValue: array elementreturn x y;
}, 100);
---------- -------------------------------------------------- --------------------

Performance test

Test system: Windows 7
Test browser: Chrome 26.0.1386.0




Copy code

The code is as follows:

var arr = [];
The code is as follows:
function forEachTest() {
howTime("forEach", function() { for(var i = 0, len = arr.length; i < len; i ) {

time_forEach	time_for
1421.000ms	64.000ms
1641.000ms	63.000ms
1525.000ms	63.000ms

Copy the code


The code is as follows:
}