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で置換関数を実装するためのいくつかの実用的なシナリオ

推薦する

CSS3+ベジェ曲線でスケーラブルな入力検索ボックス効果を実現

では、早速レンダリングを見てみましょう。 コア コードはtransition: cubic-bezi...

Docker ロード後にイメージ名が none になる問題の解決方法

最近、docker load -i コマンドを使用してイメージ パッケージを圧縮した後、イメージ名と...

MySQL 8.0 で列を素早く追加する方法

序文: MySQL 8.0 では高速な列追加がサポートされ、数秒で大きなテーブルにフィールドを追加で...

ApacheとTomcatによるクラスタ環境構築プロセスの分析

実際、Apacheクラスタを構築するのは難しくありません。私もインターネットで情報を見つけて自分で設...

Docker Alpine イメージのタイムゾーン問題に対する完璧な解決策

最近、Docker を使用して Java アプリケーションをデプロイしていたときに、タイムゾーンが間...

エラー 1862 (HY000): パスワードの有効期限が切れています。ログインするには、..... を使用してパスワードを変更する必要があります。

エラーメッセージ:エラー 1862 (HY000): パスワードの有効期限が切れています。ログインす...

WeChatアプレットに2048ミニゲームを実装する詳細なプロセス

レンダリング サンプルコード今日は、WeChat アプレットを使用して 2048 ゲームを実装します...

MySQLチュートリアルDMLデータ操作言語の例の詳細な説明

目次1. データ操作言語 (DML) 2. データを追加する(挿入) 3. 既存のテーブルをコピーし...

Reactでファイルパスエイリアスを素早く設定する方法

React は、ユーザー インターフェイスを構築するための JavaScript ライブラリです。F...

Reactの親コンポーネントと子コンポーネント間のデータ転送の詳細な説明

目次1. 親コンポーネントが子コンポーネントにデータを渡す1.1. 親コンポーネントコード1.2. ...

MySQL 5.7.18 のインストール中に MySQL サービスの起動に失敗する問題の解決策

MySQL は非常に強力なリレーショナル データベースです。しかし、初心者の中には、インストールや設...

CSSにスティッキー効果を追加する方法

前面に書かれたfilter:blur と filter:contrast がこのような素晴らしい化学...

DOCTYPE HTMLを使用する理由

これがないと、ブラウザはページをレンダリングするときに Quirks モードを使用することがわかって...

HTML 5.1 学習: 14 の新機能とアプリケーション例

序文ご存知のとおり、HTML5 はインターネット コミュニティ全体に標準を提供する組織である Wor...

HTMLノードの追加と削除の簡単な例

HTML ノードの追加と削除の簡単な例 HTML ノードの追加と削除の簡単な例<input t...