Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでset（）メソッドとfilter（）メソッドを使用して配列内の重複を見つける方法は？

重複の削除

重複を削除するには 配列には、多くの論理的方法があります 、しかし、高度なjavascriptはいくつかのメソッドを提供しているため、重複を削除するタスクは非常に簡単になっています。それらのメソッドのいくつかはset（） およびfilter（） 。理解を深めるために、各方法について個別に説明しましょう。

Set（）

set（）の重要な使用法 方法は、一意の値のみを許可することです 。つまり、重複が自動的に削除され、タスクが簡単になります。 Set（） メソッドは、重複を削除する際に論理的なアプローチを取りません。

例

次の例では、重複 提供された配列内のset（）を使用することにより、論理的なアプローチなしで削除されました 方法。 

<html>
<body>
<script>
   var dupNames = ['John', 'Ram', 'Rahim', 'Remo', 'Ram', 'Rahim'];
   var uniArr = [...new Set(dupNames)];
   document.write("Before removing :" +" "+ dupNames);
   document.write("</br>");
   document.write("After using set() method :" +" "+ uniArr);
</script>
</body>
</html>

出力

Before removing : John,Ram,Rahim,Remo,Ram,Rahim
After using set() method : John,Ram,Rahim,Remo


filter（）

次の例では、 filter（）を使用します メソッド各要素は、2回以上繰り返されるかどうかを精査されます。いずれかの要素が2回以上繰り返されていることが判明した場合、その値の1つのみが許可され、出力に示されているように表示されます。

例

<html>
<body>
<script>
   var dupnam = ['John', 'Ram', 'Rahim', 'Remo', 'Ram', 'Rahim'];
   var x = (dupname) => dupname.filter((v,i) => dupname.indexOf(v) === i)
   document.write("Before removing : " +" "+ dupname);  
   document.write("</br>");
   document.write("After filter() method :" +" "+x(dupname));
</script>
</body>
</html>

出力

Before removing : John,Ram,Rahim,Remo,Ram,Rahim
After filter() method : John,Ram,Rahim,Remo

  1. JavaScriptオブジェクトの配列で配列のメソッドを使用していますか？

    以下は、JavaScriptオブジェクトの配列で配列のメソッドを使用するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <styl

  2. 複数の値でJavaScript配列の要素を見つける方法は？

    以下は、JavaScript配列の要素を複数の値で検索するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &nbs