ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript フレームワークの読書メモの配列の拡張と修復 design_javascript スキル

JavaScript フレームワークの読書メモの配列の拡張と修復 design_javascript スキル

WBOY
リリース: 2016-05-16 16:29:37
オリジナル
1222 人が閲覧しました

1.indexOf メソッドと lastIndexOf メソッド:

IE7 は配列オブジェクトでindexOf を使用するとエラーを報告するため、互換性を確保するために書き直す必要があります。

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

Array.prototype.lastIndexOf(item,index){
var n = this.length,i = (index==null||index>n-1)?n-1:index;
if(i for(;i>=0;i--)
if(this[i] === item) //一致判定、indexOf、lastIndexOf
私を返してください;
-1 を返す;
}

2.shuffle メソッド: 配列をシャッフルします。

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

関数シャッフル(ターゲット){
var i = target.length, j ,temp;
for(;i>0;j=parseInt(Math.random() * i), x = target[--i],target[i] = target[j],target[j]=x){}
// length=10 と仮定し、Math.random()*10->[0,10)、parseInt, [0,9] の後、ランダムに 1 つを選択して配列の最後の項目と交換します。 2 回目のループでは、[0,8] が配列の最後から 2 番目の項目と交換されます。
ターゲットを返す;
}

3. 配列の平坦化: 平坦化して 1 次元配列を返します

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

関数 flatten(arr){
var result = [];
arr.forEach(関数(項目){
if(Array.isArray(item)) result.concat( flatten(item));
else result.push(item);
});
結果を返します;
}

4.独自の方法: アレイに対する重複排除操作

インタビュアーがこのメソッドについて最もよく質問するのは、実装メソッドが多数あるためで、最も一般的なのは 2 つの for ループです。最も一般的に知られているのは、オブジェクト a を使用し、次に for ループ配列 arr を使用することです (a[arr[i]]) が存在する場合、存在しない場合は、新しく定義された配列の結果にプッシュされます。 。存在は証明され、繰り返されるので、それを結果に押し付ける必要はありません。このスキームでは、「123」と 123 は同じものとみなされます。実際には、一方は文字列であり、もう一方は数値であるため、同じものとみなされません。

次のメソッドが表示されます: [1,"1","1"]

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

if ((obj[配列[i]の種類]) != (配列[i]の種類) || obj[配列[i]] != 配列[i]) {
a.push(array[i]);
obj[配列[i]] = 配列[i];
}

//まず型が同じかどうかを判定し、同じであれば値が等しいかどうかを判定し、等しい場合は値が既に存在していることを証明します。前に。

タイプが同じでない場合、次の 2 つの状況が考えられます。

最初のケースでは、obj は以前にこのデータをすでに格納しています。たとえば、obj[123] = 123、現在は array[i] = "123"、この時点では、typeof obj[array[i]]) です。数値、および typeof array[i] は文字列であるため、配列に格納されます。

2 番目のケースは、obj がこのデータを保存していないことです。たとえば、array[i] = "123", obj["123"] = undefind、typeof obj[array[i]]) は typeof unfineed = です。未定義、typeof array[i] と等しくない、配列に格納されています。

このメソッドは、文字列と数値が同じ場合は解決できますが、オブジェクトが同じ場合は解決できません。例: a = {1:2}、b ={2:1};

初めてループを通過したとき、typeof obj[a] = 未定義、typeof a = Object。 obj[a] = a を格納します。実際には、obj[Object] = a;

となります。

2 番目のループでは、typeof obj[b] は typeof obj[Object] と等しく、実際には typeof a = object、typeof b = object となるため、obj[array[i]] != array[ となります。 i]|、つまり、obj[b]->obj[Object]->a です。 = b なので入金

obj[b] = b; つまり、前の obj[Object] = a;

をカバーします。

この場合、すべてのオブジェクトには最後のオブジェクト値のみが保存されます。

オブジェクトについて考えるとき、私は次のアプローチを使用します:

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

for(var i = 0; i for(var j = i 1; j If(temp[i] === temp[j]){
temp.splice(j, 1);
j--;
} }
}
戻り温度;

5. 配列のソート: sort メソッド。オブジェクトをソートしたい場合は、独自の Compare(a,b){if(a.age>b.age) return 1;else return -1;} を記述できます。 .sort(比較)。

6.min は配列の最小値を返します: return Math.min.apply(0,array);

7.unshift は、ie6 および 7 では配列の長さを返しません。

コードをコピーします コードは次のとおりです:
if([].unshift(1)!==1) //空の配列に項目を前から追加します。他のブラウザは 1 を返しますが、IE6 と 7 は配列の長さを返しません。次に、if ステートメントを実行します
{
var _unshift = Array.prototype.unshift; //関数ハイジャック。
Array.prototype.unshift = function(){
_unshift.apply(this,arguments);
this.length を返します;
}
}

8. splice が 1 つのパラメータを取る場合、IE8 以下のバージョンではデフォルトで 2 番目のパラメータが 0 に設定されますが、他のブラウザでは配列の長さが使用されます。

コードをコピーします コードは次のとおりです:
if([1,2,3].splice(1).length == 0) //IE8 以下のバージョンは 0 に等しく、その他のバージョンは 3 に等しくなります。 if
と入力します。 {
var _splice = Array.prototype.splice;
Array.prototype.splice = function(a){
if(arguments.length == 1) //パラメータが1つだけの場合
{
Return _splice.call(this,a,this.length);
}else{
Return _splice.apply(this,arguments);
}
}
}

このメソッドは配列のオプションを変更するため、配列のプッシュ、ポップ、シフト、シフト解除 (これらのメソッドは配列のオプションも変更します) はすべてこのメソッドを呼び出して実装します。

ここで注意すべき点があります:

コードをコピーします コードは次のとおりです:
var color = new Array('red','blue',' yellow','black');
var color2 = color.splice(2,0,'brown','pink');
alert(color); // 赤、青、茶色、ピンク、黄、黒、削除が 0 の場合、追加されたオプションは黄色の前に挿入されます。覚えて。


ここでは、スプライスとスライスの違い、戻り値、元の配列への影響を見てください。
上記はこのセクションの内容を要約したものですが、重要な点は残っていますので、このセクションを読む際の参考になれば幸いです。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート