ホームページ  >  記事  >  ウェブフロントエンド  >  Map関数とJQueryの各関数の違いを共有する

Map関数とJQueryの各関数の違いを共有する

黄舟
黄舟オリジナル
2017-07-19 16:27:201270ブラウズ

jqueryの各関数とmap関数の使い方は似ているようですが、実は少し違いがあります。

1 つの重要な違いは、それぞれが元の配列を返し、新しい配列を作成しないことです。 map メソッドは新しい配列を返します。マップを不必要に使用すると、メモリが無駄に消費される可能性があります。

例:

var items = [1,2,3,4]; 
$.each(items, function() { 
alert('this is ' + this); 
}); 
var newItems = $.map(items, function(i) { 
return i + 1; 
}); 
// newItems is [2,3,4,5]

eachを使用すると、元のitems配列が変更されますが、mapを使用すると、項目は変更されず、新しい配列が作成されます。

例:

var items = [0,1,2,3,4,5,6,7,8,9]; 
var itemsLessThanEqualFive = $.map(items, function(i) { 
// removes all items > 5 
if (i > 5) 
return null; 
return i; 
}); 
// itemsLessThanEqualFive = [0,1,2,3,4,5]

配列を削除する必要がある場合も同様であるため、削除時に each または map を誤って使用すると、非常に深刻な結果が生じます。

以上がMap関数とJQueryの各関数の違いを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。