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 インストール チュートリアル (図とテキスト)

推薦する

複数のプロジェクトをデプロイする Docker nginx の例

前提条件1. ローカルコンピュータとサーバーにDockerがインストールされています。ダウンロード方...

ECMAScript のイテレータの詳細な説明

目次序文以前のバージョンイテレータパターンイテレータファクトリ関数イテレータプロトコル最後に序文多く...

フロントエンドが習得すべき、複数列の等高レイアウトを実現するための CSS テクニック

1. はじめにページを作成しているときに、複数列のレイアウトに遭遇することがあります。各列の内容が異...

nginx クッキーの有効期間に関する議論の要約

訪問するたびにブラウザにCookieが生成されますが、 Cookieの存在はユーザーにとって良いこと...

MySQL で日付を保存するためのベスト プラクティス ガイド

目次序文時間型を保存するのに文字列を使用しないでくださいMySQL の日付型日時タイムスタンプTIM...

React-Native スクリーンショットコンポーネント react-native-view-shot の紹介と使い方のまとめ

目次1. 現象2. 解決策3. 要約: 1. 現象1. 要件: 特定の表示ページをキャプチャしてアル...

reactにおけるstateの略語の詳細な説明

序文国家とは何か私たちは皆、React はステート マシンであると言います。それはどのように反映され...

Nginx でファイル ホットリンク保護サービスを構築する方法を学ぶ例

序文多くのサイトが、ポイントやゴールドコインなど、情報のダウンロードに料金を請求していることは誰もが...

Node+Express テストサーバーのパフォーマンス

目次1 テスト環境1.1 サーバーハードウェア1.1.1 t2.マイクロ1.1.2 c5.large...

CSS で点線の境界線のスクロール効果を実装するサンプルコード

マウスをある領域の上に置くと、その領域に点線の境界線と線のアニメーションが表示されるというクールな効...

js 配列 fill() 充填メソッド

目次1. fill() 構文2. fill() の使用3. まとめ序文:配列の初期化方法についてはよ...

カルーセル効果を書くためのjs

この記事では、カルーセルマップの効果を実現するためのjsの具体的なコードを参考までに共有します。具体...

いくつかの一般的な CSS レイアウト (要約)

まとめこの記事では、次の一般的なレイアウトを紹介します。 3 列レイアウトを実装する方法は多数ありま...