Javascriptのreduce関数重複チェックについて詳しく解説

黄舟
リリース: 2017-03-23 14:23:14
オリジナル
2089 人が閲覧しました

reduce関数はECMAScript5仕様に登場する配列メソッドですJavascriptreduce関数の古典的なインタビュールーチンをチェックして、困っている友達は参考にしてください

誤って作品を見てしまった。今日のコードの内容とコードで使用されているもの 文字列内の同一の文字の数を数えるという典型的な面接の質問を短時間で完了しました。オンラインで調べたところ、価値のあるものは何も見つかりませんでした。私のアイデアは次のように整理されています:

元のコード:

var arr="qweqrq"
var info= arr.split('').reduce((a,b)=>
 (a[b]++ || (a[b]=1),a)
,{})
console.log(info)
ログイン後にコピー

コードのアイデアは次のとおりです。 まず、split メソッドを使用して文字列 arr を配列に切り取り、次に、reduce を使用します。このメソッドは次のステップに分かれています:

1. まず、reduce は配列内の各要素を実行するためのコールバックを受け取ります。2 番目のパラメーターがある場合は、上記の例のようになります。そうすると、コールバックはこの {} をパラメータとして使用し、配列の最初の要素とともにコールバックに渡します

2。パラメータを渡した後、AND ゲートの短絡演算が実行されます。デフォルト値操作とも呼ばれます。 When a[b]++ が true になった場合、a[b] を返します。ここで、 a は {} で、 b は "q" です。 a[b]=1 が実行されると、 a[b] には値 1 が割り当てられ、その後にコンマが続きます。したがって、a[b]:1; のようなプロパティを持つオブジェクトを返します。

ANDゲート短絡演算: 最初のオペランドの値がtrueの場合、短絡演算を実行し、最初のオペランドを直接生成します。操作 数値の値。 false の場合、2 番目のオペランドの値が返されます。

コンマ式: コンマ式の一般的な形式は次のとおりです: 式 1、式 2、式 3... 式 n。カンマ式の解決プロセスは、まず式 1 の値を計算し、次に式 2 の値を計算し、式 n の値が計算されるまで続きます。最後に、カンマ式全体の値が式 n の値になります。

3.reduce 関数については後で説明します。この関数は、前回の実行後に返された結果をパラメーターとして使用し、それを後続の要素とともにコールバックに渡し続けることができます。これは fn(fn(fn) と同等です。 (fn(a,b),c ), d), e)、fn はコールバックです。この例では、2 番目のパラメーター {} が渡されるため、コールバックは 6 回実行されます。これは、配列内の各要素の重複を入力してチェックすることと同じです。たとえば、コールバックが 4 回目に実行されるとき、a は {q:1,w:1,e:1} となり、コールバックが実行されます。 a[ b] つまり、a['q'] が存在する場合、a['q']++ が実行されると、a['q'] の値は 2 となり、最終結果は属性名となります。出現する配列の各要素で、時間を属性値とするオブジェクト。

reduceはes5で導入された手法でie8以下には対応していないので注意が必要です。

以上がJavascriptのreduce関数重複チェックについて詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!