Chrome ネイティブメソッドの配列_JavaScript スキル-jsチュートリアル-php.cn

Chrome ネイティブメソッドの配列_JavaScript スキル

WBOY

リリース： 2016-05-16 17:58:57

オリジナル

959 人が閲覧しました

chrome/15 に実装されたいくつかの配列メソッドを見てみましょう
--------------------------------- ------ -------------------------------------------- ------ -------
concat: 言うのは簡単ですが、注意すべき点は、concat がリンクの後に結果を返すことを意味するわけではないということです。最初のレイヤーの配列を展開することです
join :Connect array
pop: ポップ操作、これは元の配列もその場で変更することに注意してください
push: プッシュ操作、これは元の配列もその場で変更することに注意してください
reverse: 配列を反転します。これにより、元の配列もその場で変更されることに注意してください。元の配列を変更します。
shift: デキュー操作。これにより、元の配列もその場で変更されることに注意してください。
unshift: 項目を挿入します。
slice: 配列の一部をインターセプトし、配列の一部を挿入します。一般的な操作は、このメソッドを使用してクラス配列を実数配列に変換することです。
splice: 配列を変更します。これは、新しい項目を挿入するために使用できます。これは元の配列も変更することに注意してください。
toLocaleString: のローカル文字列形式を返します。配列 (通常はカンマを使用します)
toString: 配列の文字列形式を返します (通常はカンマを使用します)
---------- --------------- ------------------------------------ --------------- -------------------
isArray: 変数が配列であるかどうかを判断します。これは Array.isArray() 形式で呼び出す
- 静的メソッドであることに注意してください。 -------------------------------------- ---------- ---------------------------------------- -----
毎:配列内の項目がすべて条件を満たしているかどうかを判断します。すべてが条件を満たしている場合は true を返し、それ以外の場合は false を返します。これは、すべてにリンクでき、すべてが true である必要があります。一部の項目のうちの 1 つが true である限り、戻り値は true になります。
filter: 指定された条件に従って配列から修飾された項目を除外し、それらを新しい配列として返します。それ以外の場合は null を返します
>forEach: 配列内の各項目に対して指定された操作を 1 回実行します
indexOf: 配列内の指定された項目の最初の位置を返します (インデックス 0 から開始します)
lastIndexOf: IndexOf の反対
map : 配列内の各項目に対して指定された操作を 1 回実行し、変更された配列を返します。
reduce:reduce(func,init) func はバイナリ関数であり、func は seq シーケンスの要素に適用され、毎回、ペア (シーケンスの前の結果と次の要素) を取得し、既存の結果と次の値をその後に取得された結果に適用し、最後にシーケンスを 1 つの戻り値にまとめます。
reduceRight: 右から左へのreduceの実装
--------------------------------- - ------------------------------------------------- - -------
独自の小さなライブラリやツールを実装する場合、それを少し拡張することもできます

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

Object.prototype.extend = function(src){

for(var i in src){
this[i] = src[ i] ;
}
}
Array.extend({
toArray : function(arrayLike){
try{
return [].slice.call(arrayLike);
} catch(ex){
var ret = [];
for(var i = 0,len = arrayLike.length ; i < len ; i ){
ret.push(arrayLike[i ]) ;
}
}
},
isArray : (Array.isArray)?Array.isArray:function(ele){
return ele.constructor == 配列; }
})
Array.prototype.extend((function(){
var each = Array.prototype.forEach || function(fn,obj){
for(var i = 0, len = this.length ;
fn.call(obj,this[i]);
var フィルター = Array.prototype.filter | function (fn,obj){
var result = [];
for(var i = 0,len = this.length ; i < len ; i ){
if(fn.call( obj, this[i])){
result.push(this[i]);
}
}
var each = Array.prototype .every || function(fn,obj){
for(var i = 0,len = this.length ; i if(!fn.call(obj,this[i ]) ){
return false;
}
return true;
var some = Array.prototype.some || 🎜> for(var i = 0,len = this.length ; i
if(fn.call(obj,this[i])){
return true; }
}
return false;
};
var indexOf = Array.prototype.indexOf ||
for(var i = 0; i
;i ){
if(dest == this[i]){
return i;
}
return -1;
var マップ =配列.prototype.map || function(fn,obj){
var result = [];for(var i = 0,len = this.length ; i < len ; i ){
結果。push(fn.call(obj,this[i]));
戻り値
関数 (fn,init) ){
var result = init this[0];
for(var i = 0; i result = fn(result,this[i]) ;
}
return result;
}
return {
map : マップ、
each : each、
some : some、
every : each、
filter:フィルター、
indexOf:indexOf、
reduce:reduce
}
})())

以下は、指定された ul の下に li のコンテンツを設定する簡単な例です。

コードをコピーしますコード

Chrome ネイティブ メソッドの配列_JavaScript スキル

Chrome ネイティブメソッドの配列_JavaScript スキル