Heim > Web-Frontend > js-Tutorial > Hauptteil

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

青灯夜游
Freigeben: 2021-08-27 14:37:54
Original
7521 Leute haben es durchsucht

Im vorherigen Artikel haben wir verschiedene Methoden vorgestellt, um festzustellen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen. Wenn Sie interessiert sind, können Sie auf den Link klicken, um → „JS Array Learning: Bestimmen, ob alle Array-Elemente die angegebenen Bedingungen erfüllen“ zu lesen ". Dieses Mal werden wir über die Array-Sortierung sprechen und vorstellen, wie Array-Elemente in JavaScript sortiert werden.

Der Hauptinhalt des heutigen Artikels ist: Sortieren von Array-Elementen nach bestimmten Regeln. Hier sind ohne weiteres drei Methoden zum Sortieren von Array-Elementen.

Methode 1: Verwendung einer for-Schleife

Wenn es um die Verwendung einer for-Schleife zum Sortieren von Arrays geht, fällt uns die Blasensortierung ein:

//每轮依次比较相邻两个数的大小,后面比前面小则交换
var b=0//设置用来调换位置的值
var a=[1,9,33,2,5,34,23,98,14]//冒泡排序
for(var i=0;i<a.length;i++){
	for(var j=0;j<a.length;j++){
		if(a[j]>a[j+1]){
			b=a[j]
			a[j]=a[j+1]
			a[j+1]=b
		}
	}
}
console.log(a)
Nach dem Login kopieren

Ausgabeergebnisse:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

The Der obige Code stammt aus der großen Sortierung. Wenn Sie von groß nach klein sortieren möchten, können Sie die Beurteilung der if-Anweisung hinzufügen und ändern:

if(a[j]>a[j+1]){
...
}
Nach dem Login kopieren

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

Methode 2: Verwenden Sie die Methode sort()

sort( ) Methode zum Sortieren des Arrays nach bestimmten Bedingungen. Elemente werden sortiert.

Syntax: array.sort([function])array.sort([函数])

sort() 方法两种情况:

  • 当方法的参数为空时,则按字母顺序对数组中的元素进行从小到大排序。

所谓的字母顺序,实际上是根据字母在字符编码表中的顺序进行排列的,每个字符在字符表中都有一个唯一的编号。

var a=[&#39;e&#39;,&#39;a&#39;,&#39;f&#39;,&#39;b&#39;,&#39;c&#39;,&#39;h&#39;,&#39;g&#39;,&#39;z&#39;,&#39;i&#39;]
a.sort();  //按字母顺序对元素进行排序
console.log(a);
Nach dem Login kopieren

输出结果:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

如果元素不是字符串,则 sort() 方法试图把数组元素都转换成字符串,以便进行比较。需要注意当数字是按字母顺序排列时"40"将排在"5"前面。

var a=[1,2,40,4,5,50,6,7,8]
a.sort();  //按字母顺序对元素进行排序
console.log(a);
Nach dem Login kopieren

输出结果:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

此时就需要通过一个函数作为参数来调用,即下面的第二种情况:

  • 当参数为一个函数时,将按函数指定的规则排序数组元素。

var a=[1,2,40,4,5,50,6,7,8]
a.sort(function(a,b){
     return a-b;//从小到大排序
     //return b-a;//从大到小排序
});
console.log(a);
Nach dem Login kopieren

输出结果:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

当数组元素的前缀为数字而后缀为字符串时,如果希望这些元素能按数字大小进行排序,此时需对匿名函数中的参数作一些变通处理。

var a=[&#39;345px&#39;,&#39;23px&#39;,&#39;10px&#39;,&#39;1000px&#39;];
a.sort(function(a,b){
     return parseInt(a)-parseInt(b);;//从小到大排序
     //return parseInt(b)-parseInt(a);//从大到小排序
});
console.log(a);
Nach dem Login kopieren

输出结果:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

方法3:利用reverse() 方法

如何不想将数组元素从小到大(或从大到小)进行排序,而是想倒序排序呢?那么可以使用reverse() 方法。

reverse() 方法能够颠倒数组元素的排列顺序,该方法不需要参数,直接 数组对象.reverse()

sort()-Methode in zwei Fällen:

  • Wann Wenn der Parameter der Methode leer ist, werden die Elemente im Array alphabetisch von klein nach groß sortiert.

So sortieren Sie Array-Elemente nach bestimmten Regeln in JSDie sogenannte alphabetische Reihenfolge richtet sich tatsächlich nach der Reihenfolge der Buchstaben in der Zeichenkodierungstabelle. Jedes Zeichen hat eine eindeutige Nummer in der Zeichentabelle.

var a=[&#39;345px&#39;,&#39;23px&#39;,&#39;10px&#39;,&#39;1000px&#39;];
a.reverse();
console.log(a);
Nach dem Login kopieren

Ausgabeergebnis: So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

Wenn das Element kein String ist, versucht die Methode sort(), die Array-Elemente zum Vergleich in Strings umzuwandeln. Beachten Sie, dass „40“ vor „5“ steht, wenn die Zahlen alphabetisch angeordnet sind.

rrreee

Ausgabeergebnis:

So sortieren Sie Array-Elemente nach bestimmten Regeln in JS

Zu diesem Zeitpunkt müssen Sie eine Funktion als Parameter aufrufen. Dies ist der zweite Fall unten: 🎜
  • 🎜Wenn der Parameter ist Wenn Sie eine Funktion verwenden, werden die Array-Elemente gemäß den von der Funktion angegebenen Regeln sortiert. 🎜
rrreee🎜Ausgabeergebnis: 🎜🎜So sortieren Sie Array-Elemente nach bestimmten Regeln in JS🎜🎜Wenn das Präfix der Array-Elemente eine Zahl und das Suffix eine Zeichenfolge ist und Sie möchten, dass diese Elemente nach numerischer Größe sortiert werden, müssen Sie einige Änderungen vornehmen zu den Parametern in der anonymen Funktion. 🎜rrreee🎜Ausgabeergebnis: 🎜🎜So sortieren Sie Array-Elemente nach bestimmten Regeln in JS 🎜🎜🎜Methode 3: Verwenden der Methode reverse()🎜🎜🎜Warum möchten Sie die Array-Elemente nicht von klein nach groß (oder von groß nach klein), sondern in umgekehrter Reihenfolge sortieren? ? Dann können Sie die Methode reverse() verwenden. Die Methode 🎜🎜reverse() kann die Reihenfolge von Array-Elementen umkehren. Diese Methode erfordert keine Parameter, sondern nur array object.reverse(). 🎜rrreee🎜Ausgabeergebnis: 🎜🎜🎜🎜🎜🎜Erläuterung: Die Methoden 🎜🎜🎜🎜sort() und reverse() bearbeiten beide das ursprüngliche Array, anstatt ein neues Array zu erstellen. 🎜🎜Okay, das ist alles. Wenn Sie es brauchen, können Sie sich Folgendes ansehen: 🎜Javascript-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonSo sortieren Sie Array-Elemente nach bestimmten Regeln in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!