JavaScript配列の重複排除のいくつかの方法についての詳細な説明

JavaScript配列の重複排除のいくつかの方法についての詳細な説明

1.重複排除を設定する

 関数 funSet(arr){
   Array.from(new Set(arr)) を返します。
 }

2. 重複を削除するには、2 回の for ループを使用します。

関数 funFor(arr){
  for(let i=0,len=arr.length;i<len;i++){
    for(j=i+1,len=arr.length;j<len;j++){
      (arr[i]===arr[j])の場合{
        arr.splice(j,1);
        長さ--;
        j--;
      }
    }
  }
  arr を返します。
}

3. indexOfを使用して重複を削除する

関数funIndex(arr){
  newArr = [] とします。
  for(let i=0;i<arr.length;i++){
    (newArr.indexOf(arr[i])===-1)の場合{
      新しいArr.push(arr[i])
    }
  }
  newArr を返します。
}

4. icludesを使用して重複を削除する

関数 funInclude(arr){
  newArr = [] とします。
  for(let i=0;i<arr.length;i++){
    (!newArr.includes(arr[i]))の場合{
      新しいArr.push(arr[i])
    }
  }
  newArr を返します。
}

5. フィルター

関数 funFilter(arr){
  arr.filter(function(item,index){ を返します。
    arr.indexOf(item,0)===index を返します。
  })
}

6. 地図

関数 funMap(arr){
  map = new Map();
  newArr = [] とします。
  for(let i=0,len=arr.length;i<len;i++){
    (map.has(arr[i]))の場合{
      マップをセットします(arr[i],true);
    }それ以外{
      map.set(arr[i],false);
      新しいArr.push(arr[i]);
    }
  }
  newArr を返します。
}

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript で重複配列を削除する 5 つの一般的な方法
  • JavaScript 配列の重複排除とフラット化関数の紹介
  • JS配列重複排除の詳細
  • JavaScript 配列重複排除ソリューション
  • JavaScript配列重複排除の詳細な説明
  • JS で配列の重複排除を実装する 7 つの方法

<<:  CSS3を使用してテキストの垂直配置を実現する方法

>>:  MySQLで置換関数を実装するためのいくつかの実用的なシナリオ

推薦する

VMware Workstationはデバイス/資格情報ガードと互換性がありません

仮想マシンをインストールするときに、「VMware ワークステーションはデバイス/資格情報ガードと互...

Vue が天気予報機能を実装

この記事では、天気予報機能を実現するためのVueの具体的なコードを参考までに共有します。具体的な内容...

React の 3 つの主要属性における Ref の使用に関する詳細な説明

目次クラスコンポーネント機能コンポーネントインタビューのよくある質問: React における ref...

自己終了XHTMLタグを書くときに注意すべきこと

XHTMLの img タグは、次のように記述する必要があります: <img alt="...

JS 非同期コードユニットテストの魔法 Promise

目次序文プロミスチェーンMDN エラー連鎖デフォルト処理略語非同期待機序文この記事を書いた理由は、ユ...

JavaScript を使用してセカンダリ メニューを作成する

この記事では、セカンダリメニュー効果を実現するためのJavaScriptの具体的なコードを参考までに...

element-ui 写真をアップロードした後、座標点をマークします

要素UIとはelement-ui は、Ele.me のフロントエンド チームが開発者、デザイナー、製...

JavaScript 遅延読み込みの詳細な説明

目次遅延読み込みCSS スタイル: HTML部分:スクリプト部分:要約する遅延読み込み名前の通り、私...

Linux/Mac MySQL パスワードを忘れた場合の対処方法

Linux/Mac の MySQL パスワードを忘れた場合はどうすればいいですか?心配しないでくださ...

CSS3.0 でネオンボタンアニメーション効果を実装するためのサンプルコード

今日は、CSS 3.0 で実装されたネオン ボタン アニメーション効果を紹介します。効果は次のとおり...

MySQL 8.0.22.0 のダウンロード、インストール、設定方法のグラフィックチュートリアル

MySQL 8.0.22のダウンロード、インストール、設定方法、参考までに具体的な内容は次のとおりで...

ノード スキャフォールディングを使用してトークン検証を実装するサーバーを構築する方法

コンテンツスキャフォールディングを使用してノードプロジェクトを素早く構築するデータベースとやり取りす...

数十億のデータに対するMySQLページングの最適化に関する簡単な説明

目次背景分析するデータシミュレーション1. 従業員テーブルと部門テーブルの2つのテーブルを作成します...

WeChatミニプログラムの基本チュートリアル:Echartの使用

序文まずは最終的な効果を見てみましょう。私が自分で作った小さなデモです。まずEChartsの公式サイ...

Docker で MySQL クラスターを構築する方法の例

Docker の基本的な手順:アップデートパッケージ yum -y アップデートDocker仮想マシ...