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

推薦する

Spring Boot 階層化パッケージング Docker イメージの実践と分析 (推奨)

目次1. Springbootプロジェクトを準備する2. 関連する設定を実行する3.パッケージ4.D...

ウェブデザイン経験

<br />著者はかつてWebデザインの初心者でしたが、継続的な探求と実践を通じて、今で...

MySQL インデックスの詳細な説明

目次1. インデックスの基本1.1 はじめに1.2 インデックスの仕組み1.3 インデックスの種類1...

CentOS7でFTPサーバーを設定する方法

FTP は主にファイル転送に使用され、Linux では vsftpd で実装されるのが一般的です。F...

ハイパーリンクに関するいくつかの質問

<br />ポテトチップスパーティーのこのエピソードに参加して、何人かの友達に会えてとて...

MySQL 8.0.18 インストール構成の最適化チュートリアル

MySQLのインストール、設定、最適化は参考用です。具体的な内容は次のとおりです。 MySQL ダウ...

Tomcat9 のダウンロード、インストール、設定 + Eclipse への統合に関する詳細なチュートリアル

トムキャット公式サイトtomcatはローカルサーバーと同等であり、Webページを開くことができます設...

Webデザインにおけるフォームデザインテクニックのまとめ

「脳が多数の領域間の関係を処理できるように、入力は論理的なグループに分割する必要があります。」 – ...

js 加算、減算、乗算、除算の正確な計算方法のサンプルコード

序文コンピュータの数値は浮動小数点であるため、計算プロセス中に取得されるデータは通常正確ではなく、そ...

CSS プロパティ *-gradient の実用的な価値を探る

まず興味深い性質であるconic-gradientを紹介しましょう。円錐グラデーション!円グラフの作...

DockerでRedisをデプロイして起動する方法

DockerでRedisをデプロイするまずLinuxにDockerをインストールし、次にDocker...

HTML ウェブページ画像タグ

画像タグ <IMG> を挿入します。今日私たちが目にするカラフルなウェブページはすべて、...

dockerでビルドしたnacos1.3.0の実装

1. nacosデータベースを再開します。データベース名nacos_configユーザー名とパスワー...

nginx proxy_cache キャッシュ設定の詳細な説明

序文:私は仕事柄、オンラインライブストリーミングの分野に携わっており、ビデオの再生やダウンロードには...