JavaScript配列重複排除の詳細な説明

JavaScript配列重複排除の詳細な説明

1. アレイ重複排除

      /******************************************************
         ╚説明:
        ╚著者: 麒麟協会╚時間: 2021-09-13 22:26:21
        ╚名前: V1.0.5
        ******************************************************/
        var obj = ['Qilin','彼女','CC','DD','Qilin','彼女','11',11]
            //新しい配列を定義します var s = [];
            //配列を走査する for(var i=0;i<obj.length;i++){
            if(s.indexOf(obj[i]) == -1){ // s配列内に存在するかどうかを判断し、存在しない場合はs配列にプッシュします s.push(obj[i]);
             }
            }
        console.log(s); 

2. 配列内のオブジェクトの重複排除

       /******************************************************
         ╚説明:
         ╚著者: 麒麟協会╚時間: 2021-09-13 22:26:21
         ╚名前: V1.0.5
        ******************************************************/
        var 古いデータ = [
            { 名前: 'ccc'、年齢: '18' }、
            { name:'peng', age:'18' }, //重複する peng を削除します { name:'aaa', age:'18' },
            { 名前: 'peng'、年齢: '18' },
          ]
          // 方法 1: オブジェクトアクセス属性メソッドを使用して、オブジェクトにキーが存在するかどうかを判断します
          var 結果 = [];
          var obj = {};
          old_data.forEach(関数 (データ) {
          if(!obj[データ名]){
          結果をプッシュします(データ);
          obj[データ名] = true;
            }
          })
          console.log(結果); 

3. 配列内の同じフィールドに基づいて別のフィールドの値を変更する

      /******************************************************
        ╚説明:
        ╚著者: 麒麟協会╚時間: 2021-09-13 22:26:21
        ╚名前: V1.0.5
        ******************************************************/
        var 古いデータ = [
            { 名前:'cccc', 年齢:'5656' },
            { 名前:'cccc', 年齢:'22dddsada' },
            { 名前:'cccc', 年齢:'22dddsada' },
            { 名前:'aaaa'、年齢:'32' },
            { 名前:'aaaa'、年齢:'2dasdasdas2' },
          ]
          var newArr = [];
          (var i = 0; i < oldData.length; i++) {
          var item = oldData[i];
          var isExists = false;
          (var j = 0; j < newArr.length; j++) の場合 {
          var item2 = newArr[j];
          if (item2.name == item.name) {
          isExists = true;
          壊す;
                }
            }
          存在する場合
          // ここで同じものを見つけて、同じものを変更します if(item.name == 'cccc'){
          アイテムの年齢 = '222222'
          アイテム2.年齢 = '222222'
                }それ以外{
          アイテムの年齢 = '3333'
          アイテム2.年齢 = '3333'
                }
          newArr.push(item2);
          続く;
            }
          newArr.push(アイテム);
          }
          コンソールログ(新しいArr) 

要約する

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

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

<<:  MySQLインデックスの基本構文

>>:  Windows システムでの MySQL 8.0.21 インストール チュートリアル (図とテキスト)

推薦する

フックを使用して React コンポーネントを書くときに注意すべき 5 つの点

目次01. レンダリングが不要な場合はuseStateを使用する02. リンクの代わりにrouter...

OneProxy に基づいて MySQL の読み取り/書き込み分離と負荷分散を実装する

導入パート1: 冒頭に書いたOneProxy は、民間ソフトウェアによって完全に独立して開発された分...

Vue で Excel インポート機能を実装する詳細な手順

1. フロントエンド主導の実装手順最初のステップは、ページのインポートボタンをクリックしてExcel...

CocosCreatorでWeChatゲームを作成する方法

目次1. WeChatパブリックプラットフォームからWeChat開発者ツールをダウンロードする2. ...

docker を使って sonarqube を構築する方法

目次1. Dockerをインストールする2. ソナーイメージをインストールする3. ソナーを使ってコ...

Linux での Jenkins の詳細なインストール手順

目次1. JDKをインストールする2. Jenkinsをインストールする3. Jenkinsの設定を...

CSSアダプティブレイアウトは、サブ要素項目の全体的な中央揃えと内部項目の左揃えを実現します。

日常業務では、次のようなレイアウトに遭遇することがあります。親要素のフレーム (ブラウザのサイズに応...

MySQL空間関数を使用してロケーションパンチインを実装するための完全な手順

序文プロジェクトの要件は、ユーザーの現在の位置が特定の地理的位置範囲内にあるかどうかを判断することで...

IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア

平日はニュースに注目して、テンセントをよく閲覧しています。しかし、コメントへの返信はほとんど見られま...

Vue ボタンの権限制御の導入

目次1. 手順1. ボタンの権限を定義する2. ストアを定義する3. 権限指示を作成する4. パーミ...

JavaScript における継承の 3 つの方法

継承する1. 継承とは何か継承: まず、継承とは関係、つまりクラス間の関係です。JS にはクラスはあ...

MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.15 winx64 圧縮パッケージのインストールと設定方法を参考ま...

MySQL スケジュール バックアップ ソリューション (Linux crontab を使用)

序文この世の愛には値段のつくものもありますが、データには値段のつけられないものがあります。将来、誤っ...

MySQL レプリケーションの原理と実際のアプリケーションの詳細な説明

この記事では、例を使用して、MySQL レプリケーションの原理と実際のアプリケーションについて説明し...

ウェブページで CSS スタイルを適用するさまざまな形式の概要

1. インライン スタイル (<body></body> 内に配置されます)...