Eine effiziente Möglichkeit, doppelte Elemente aus JS-Arrays zu entfernen-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

Eine effiziente Möglichkeit, doppelte Elemente aus JS-Arrays zu entfernen

Apr 26, 2018 pm 02:35 PM

javascript 方法高效率

Der Array-Typ bietet keine Methode zum Entfernen von Duplikaten. Wenn Sie doppelte Elemente aus dem Array entfernen möchten, müssen Sie selbst einen Weg finden. Im Folgenden werde ich Ihnen zeigen, wie Sie Duplikate effizient aus JS-Arrays entfernen können. Freunde in Not können sich auf

Dies ist eine effiziente Methode zum Entfernen von Duplikaten beziehen:

function hovercUnique(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
//http://hovertree.com
}

Nach dem Login kopieren

Anwendungsbeispieleffekt:
http://hovertree.com/texiao/jsstudy/4/

http:/ /hovertree.com/code/dev/lg17a37a.htm

Verwendung:

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot;/&gt;
&lt;title&gt;高效率去掉js数组中重复项的特效 - 何问起&lt;/title&gt;&lt;base target=&quot;_blank&quot; /&gt;
&lt;meta charset=&quot;utf-8&quot; /&gt;
&lt;style&gt;a{color:deeppink;}&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;&lt;a href=&quot;http://hovertree.com/&quot;&gt;首页&lt;/a&gt; &lt;a href=&quot;http://hovertree.com/texiao/&quot;&gt;特效&lt;/a&gt; &lt;a href=&quot;http://hovertree.com/h/bjaf/ovjl4eus.htm&quot;&gt;原文&lt;/a&gt;
&lt;/p&gt;
&lt;p&gt;
&lt;script&gt;
var h_hewenqiArray = new Array();
h_hewenqiArray[0] = &quot;hovertree&quot;;
h_hewenqiArray[1] = &quot;easysector&quot;;
h_hewenqiArray[2] = &quot;hovertree&quot;;
h_hewenqiArray[3] = &quot;keleyi&quot;;
h_hewenqiArray[4] = &quot;keleyi&quot;;
h_hewenqiArray[5] = &quot;何问起&quot;;
h_hewenqiArray[6] = &quot;hovertree&quot;;
h_hewenqiArray[7] = &quot;hoverclock&quot;;
h_hewenqiArray[8] = &quot;yestop&quot;;
h_hewenqiArray[9] = 163;
h_hewenqiArray[10] = &quot;何问起&quot;;
h_hewenqiArray[11] = 163;
h_hewenqiArray[12] = &quot;hoverclock&quot;;
h_hewenqiArray[13] = &quot;何问起&quot;;

var h_arrayLength = h_hewenqiArray.length;
document.write(&quot;原始数组元素个数：&quot;+h_arrayLength + &quot;&lt;br /&gt;&quot;);
for (var i = 0; i &lt; h_arrayLength; i++)
{
document.write(h_hewenqiArray[i]+&quot;&lt;br /&gt;&quot;);
}


function hovercUnique(arr) {
var result = [], hash = {};
for (var i = 0, elem; (elem = arr[i]) != null; i++) {
if (!hash[elem]) {
result.push(elem);
hash[elem] = true;
}
}
return result;
//http://hovertree.com
}

var h_hewenqiResult = hovercUnique(h_hewenqiArray);

var h_resultLength = h_hewenqiResult.length;
document.write(&quot;&lt;br /&gt;去重复后数组元素个数：&quot; + h_resultLength + &quot;&lt;br /&gt;&quot;);
for (var i = 0; i &lt; h_resultLength; i++) {
document.write(h_hewenqiResult[i] + &quot;&lt;br /&gt;&quot;);
} 
&lt;/script&gt;
&lt;/p&gt;
&lt;p style=&quot;border:solid 1px silver&quot;&gt;&lt;p&gt;何问起 hovertree.com&lt;/p&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEine effiziente Möglichkeit, doppelte Elemente aus JS-Arrays zu entfernen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn