これは平易な言葉で説明したものです。それでも理解しにくいかもしれません。以下の例を見てみましょう。 1. 配列の蓄積配列の蓄積は、商品の合計価格の計算など、プロジェクトでよく発生します。reduce // [1, 2, 3, 4, 5, 6, 7, 8] を累積します。reduce((a, i) => a + i); // 出力: 36 // デフォルトの初期値 [1, 2, 3, 4, 5, 6, 7, 8] を使用して累積します。reduce((a, i) => a + i, 5); // 出力: 41 // [1, 2, 3, 4, 5, 6, 7, 8] を累積します。reduce((a, i) => a * i); // 出力: 40320 2. 配列の最大値を見つける配列の各反復処理で、 [1, 2, 3, 4, 5, 6, 7, 8].reduce((a, i) => Math.max(a, i)); もちろん、配列内の各項目が数値の場合は、 Math.max(...[1, 2, 3, 4, 5, 6, 7, 8]); 3. 不規則な配列の扱い
データ = [ ["赤","128g","iPhone"], ["南北","2LDK1リビング","128㎡","洋館"], ["Xiaomi","ホワイト","スマートスポーツウォッチ","心拍数、血圧、血中酸素","通話メッセージリマインダー"], ["公式リリース","2020年秋","バスケットボール","スニーカー","ブランドダイレクトメール"] ] dataConcat = data.map(item=>item.reduce((a,i)=>`${a} ${i}`)) とします。 // 出力: [「レッド 128g Apple 携帯電話」 「南北2LDK1リビング128㎡の洋風住宅」 「Xiaomi ホワイト スマート スポーツ ウォッチ 心拍数、血圧、血中酸素、通話情報リマインダー」 「2020年秋バスケットボールシューズブランドダイレクトメールの公式販売」 4. データの重複を削除する現在の反復項目が存在するかどうかを確認し、存在しない場合は配列に追加します。 配列を [1, 2, 3, 'a', 'b', 'c', 1, 2, 3, 'a', 'b', 'c'] とします。 配列.reduce((noDupes, curVal) => { noDupes.indexOf(curVal) === -1 の場合、noDupes.push(curVal) が返されます。 noDupesを返す }, []) // 出力: [1, 2, 3, 'a', 'b', 'c'] 5. 括弧が正しいことを確認するこれは dev.to で見た非常に賢い使い方です。結果が 0 の場合、括弧の数は正当であることを意味します。 [..."(())()(()())"].reduce((a,i)=> i === '(' ? a+1 : a-1 , 0); // 出力: 0 // ループメソッドを使用する let status=0 (let i of [..."(())()(()())"]) { if(i === "(") ステータス = ステータス + 1 そうでない場合(i === ")") ステータス = ステータス - 1 (ステータス<0)の場合{ 壊す; } } 6. 属性によるグループ化指定されたキーでデータをグループ化します。ここでは、グループ化に国フィールドを使用します。各反復中に、現在の国が存在するかどうかを確認します。存在しない場合は、配列を作成し、データを配列に挿入します。そして配列を返します。 obj = [とする {名前: '张三', 職種: 'データアナリスト', 国: '中国'}, {名前: 'エース'、職業: '科学者'、国: '中国'}, {名前: 'Leir'、職業: '科学者'、国: 'アメリカ合衆国'}, {名前: 'ボブ'、職業: 'ソフトウェア エンジニア'、国: 'インド'}, ] obj.reduce((グループ, curP) => { newkey = curP['country']とします。 if(!group[新しいキー]){ グループ[新しいキー]=[] } グループ[新しいキー].push(curP) リターングループ }, []) // 出力: [ 中国: [{…}、 {…}] インド: [{…}] アメリカ: [{…}] ] 7. 配列の平坦化ここで示されている配列は 1 レベルの深さのみです。配列が複数レベルの場合は、再帰を使用して処理できます。 [[3, 4, 5], [2, 5, 3], [4, 5, 6]].reduce((singleArr, nextArray) => singleArr.concat(nextArray), []) // 出力: [3, 4, 5, 2, 5, 3, 4, 5, 6] もちろん、代わりにES6の.flatメソッドを使用することもできます。 [ [3, 4, 5], [2, 5, 3], [4, 5, 6] ]。フラット(); 8. 文字列を反転するこれはまた、達成するための非常に素晴らしい方法です [..."こんにちは世界"].reduce((a,v) => v+a) または [..."こんにちは世界"].reverse().join('') 以下もご興味があるかもしれません:
|
<<: Alibaba Cloud Server に MySQL データベースをインストールする詳細なチュートリアル
>>: NavicatがMySQL8.0.11に接続するとエラー2059が発生する
Docker には 3 つの基本概念が含まれています。イメージ: Docker イメージはルート フ...
目次1. ディレクトリを入力してプロジェクトを作成する2. 必要な設定項目を選択します2.1 Vue...
1. デフォルトでアクセスするには、curl コマンドを使用します。 # curl -I http:...
通常、全員のスピーチを最初から最後まで読む必要があります。ただし、Stack Overflow には...
Centos yumフォルダを開くコマンドcd /etc/yum.repos.d/を入力します。 w...
この記事は主に、一定の参考値を持つ純粋な HTML + CSS によって実現されるタイピング効果を紹...
最近、MySQL を学び始めました。インストールはスムーズに進み、インターネット上の既成のチュートリ...
目次序文キーの役割差分アルゴリズムにおけるキーの役割ヘッドノードを同期するテールノードを同期する新し...
MySQL 8 の公式バージョン 8.0.11 がリリースされました。公式発表によると、MySQL ...
1. MySQLソフトウェアをインストールするMySQL 公式 Yum リポジトリ、MySQL バー...
目次1. グループクエリの概略図2. groupbyキーワード構文の詳細な説明3. 簡単なグループク...
table1 に 5 つのレコードを挿入する場合、次のコードは誤りです。 テーブル1に(id,na...
説明する: fuser は、現在ディスク上のファイル、マウント ポイント、さらにはネットワーク ポー...
ツリーマップは主にツリーのようなデータ構造を視覚化するために使用され、特殊なタイプの階層です。これを...
Linuxは特定のプログラムを見つけますwhereis コマンドは主にプログラム ファイルを検索し、...