検索
ホームページウェブフロントエンドjsチュートリアルjavascript array_javascript スキルから重複を削除

概して、面接のプロセスから私は多くのことを学びました。主なことは、自分のギャップがどれほど大きく、自分の知識がどれほど狭いかを理解することです。それでも、自分の自信に適切な打撃を与える必要があります。ここでは、JavaScript における配列の重複排除の問題に関する包括的な概要を示します。

単純な問題から複雑な問題まで受け入れるのは比較的簡単です。まず、複製する配列が比較的単純であると仮定します。たとえば、

。コードをコピーします コードは次のとおりです:

var arr=[1,2,2,3,'5',6,5,'',' ']

この配列には数値と文字列のみが含まれます。配列プロトタイプに独自の重複排除メソッドを追加します。もちろん、この配列のコピーを作成し、2 つの配列をループするという、簡単に考えられる最初のメソッドを使用します。現在の値を後続のすべての値と比較し、値が後続のすべての値と等しいかどうかを確認し、等しくない場合は値を新しい配列に格納し、最後に新しい配列を返します。メソッドは次のとおりです:
コードをコピーします コードは次のとおりです:

//最初のメソッド
Array.prototype.distinct=function(){
var clone,newArr=[],n=0;
if(this.lengthfor( var i=0,len=this.length;ifor(var j=i 1,len2=clone.length;jif(this[i ]!==clone[j]){
n
}
}
if(n==(len-i-1)){
newArr .push(this[i ])
}
n=0;
return newArr;
console.log([1,2,2,3,' 5',6,5 ,'',' '].distinct());
/*チェックされたラジオの値を取得します*/
function GetRadioValue(RadioName){
var obj; >obj=document.getElementsByName (RadioName);
if(obj!=null){
for(i=0;iif( obj[i].checked ){
return obj[i].value;
}
}
return
}

/*Set選択された属性*/
function SetRadioCheck(RadioName,i){
var obj;
obj[i].setAttribute("checked","checked) ");
}


これは基本的に私たちのニーズを満たすことができます。このような単純な型を比較す​​るのにそれほど頭脳は必要ありませんが、配列が非常に長い場合はどうなるでしょうか?この方法で配列を走査すると、配列の長さは n になり、時間計算量は n*n になります。明らかに、このメソッドのパフォーマンスを改善する必要があります。次に 2 番目の方法です。配列の並べ替えを使用して、並べ替えプロセス中に重複する値を削除します。




コードをコピー


コードは次のとおりです: if(a===b){
n=self.indexOf(a);
self.splice(n,1);
return self;
}
console.log([1,2,2,3,'5',6,5,6,6,15,5,'5',5,'',' '].distinct ( ));


このコードははるかに短いようで、for ループさえありませんが、ソート効率はそれほど高くありません。 3 番目の実装方法を見てみましょう。重複した名前を持たないオブジェクト属性を使用する原則




コードをコピーします

コードは次のとおりです。

return newArr;
console.log([1,2,2,3,'5', 6,5,6 ,6,15,5,'5',5,'',' '].distinct());


3 番目のメソッドを実行し、結果を確認します。結果は上記の方法と同じであることがわかります。よく見ると、数値 5 と文字列 5 が重複した値として削除されていることがわかります。型を保存してから等しいか判断する必要があるようなので、以下の3番目のメソッドの補足版があります




Copy code


コードは次のとおりです:

//3 番目のメソッドの補足バージョン
Array.prototype.distinct=function(){
var newArr=[],obj= {};
for(var i=0,len=this.length;iif(!obj[typeof(this[i]) this[i]]){ newArr.push(this[i]); obj[typeof(this[i]) this[i]]='new'; } } return newArr; }

上の例は非常に単純な型です。より複雑な型でテストしてみましょう




コードをコピー


コードは次のとおりです:

console.log([1,null,2,{a:'vc'},{},'5',6,5,6,{a:'vv'},15,5, '5',5,'',' ',[1],[1],[1,2],,].distinct());

{a:'vc' が見つかりました},{},{a:'vv'}これらのさまざまなオブジェクトは、配列内にオブジェクトが存在する場合でも削除されます。オブジェクト内のプロパティと値を引き続き調べ、拡張を続けます。 3 番目のメソッド
コードをコピー コードは次のとおりです:

// 3 番目の拡張バージョンMethod
Array.prototype.distinct= function(){
var SameObj=function(a,b){
var tag = true;
if(!a||!b)return false;
for(var x in a) {
if(!b[x])
return false;
if(typeof(a[x])==='object'){
tag=sameObj(a[x], b[x]);
if(a[x]!==b[x])
return false; 🎜>}
タグを返します;
}
var newArr=[],obj={};
for(var i=0,len=this.length;iif(!sameObj(obj[ typeof(this[i]) this[i]],this[i])){
newArr.push(this[i]); this[i]) this[i]] =this[i];
}
}
return newArr;
}


上記の例を使用すると、もちろん、このテストはさらに複雑になる可能性があるため、現時点では、この方法はインターネット上で比較的完成されています。より完全な方法、お気軽に教えてください。
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
c语言数组如何初始化c语言数组如何初始化Jan 04, 2023 pm 03:36 PM

C语言数组初始化的三种方式:1、在定义时直接赋值,语法“数据类型 arrayName[index] = {值};”;2、利用for循环初始化,语法“for (int i=0;i<3;i++) {arr[i] = i;}”;3、使用memset()函数初始化,语法“memset(arr, 0, sizeof(int) * 3)”。

php 怎么求2个数组相同的元素php 怎么求2个数组相同的元素Dec 23, 2022 am 10:04 AM

php求2个数组相同元素的方法:1、创建一个php示例文件;2、定义两个有相同元素的数组;3、使用“array_intersect($array1,$array2)”或“array_intersect_assoc()”方法获取两个数组相同元素即可。

用Python实现动态数组:从入门到精通用Python实现动态数组:从入门到精通Apr 21, 2023 pm 12:04 PM

Part1聊聊Python序列类型的本质在本博客中,我们来聊聊探讨Python的各种“序列”类,内置的三大常用数据结构——列表类(list)、元组类(tuple)和字符串类(str)的本质。不知道你发现没有,这些类都有一个很明显的共性,都可以用来保存多个数据元素,最主要的功能是:每个类都支持下标(索引)访问该序列的元素,比如使用语法Seq[i]​。其实上面每个类都是使用数组这种简单的数据结构表示。但是熟悉Python的读者可能知道这3种数据结构又有一些不同:比如元组和字符串是不能修改的,列表可以

c++数组怎么初始化c++数组怎么初始化Oct 15, 2021 pm 02:09 PM

c++初始化数组的方法:1、先定义数组再给数组赋值,语法“数据类型 数组名[length];数组名[下标]=值;”;2、定义数组时初始化数组,语法“数据类型 数组名[length]=[值列表]”。

javascript怎么给数组中增加元素javascript怎么给数组中增加元素Nov 04, 2021 pm 12:07 PM

增加元素的方法:1、使用unshift()函数在数组开头插入元素;2、使用push()函数在数组末尾插入元素;3、使用concat()函数在数组末尾插入元素;4、使用splice()函数根据数组下标,在任意位置添加元素。

php怎么判断数组里面是否存在某元素php怎么判断数组里面是否存在某元素Dec 26, 2022 am 09:33 AM

php判断数组里面是否存在某元素的方法:1、通过“in_array”函数在数组中搜索给定的值;2、使用“array_key_exists()”函数判断某个数组中是否存在指定的key;3、使用“array_search()”在数组中查找一个键值。

php 怎么去除第一个数组元素php 怎么去除第一个数组元素Dec 23, 2022 am 10:38 AM

php去除第一个数组元素的方法:1、新建一个php文件,并创建一个数组;2、使用“array_shift”方法删除数组首个元素;3、通过“print_”r输出数组即可。

go语言中元组是什么go语言中元组是什么Dec 27, 2022 am 11:27 AM

元组是固定长度不可变的顺序容器(元素序列),go语言中没有元组类型,数组就相当于元组。在go语言中,数组是一个由固定长度的特定类型元素组成的序列,一个数组可以由零个或多个元素组成;数组的声明语法为“var 数组变量名 [元素数量]Type”。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター