Heim > Web-Frontend > js-Tutorial > Benutzerdefinierte JavaScript-Array-Sortiermethode_Javascript-Kenntnisse

Benutzerdefinierte JavaScript-Array-Sortiermethode_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 16:14:15
Original
1506 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die benutzerdefinierte JavaScript-Array-Sortiermethode. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Array verfügt über eine eigene Sortierfunktion, die bequemer zu verwenden ist. Wir müssen uns über die Sortiergrundlage im Klaren sein. Wenn die Sortierung keine Parameter übergibt, wird nach der Reihenfolge der Zeichenkodierung sortiert. Unicode-Kodierung).

var a=["3","2","1"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 50 
console.log(a[2].charCodeAt(0)); // 49 
console.log(a.sort());      // ["1", "2", "3"] 
 
var a=["3","你","他"]; 
console.log(a[0].charCodeAt(0)); // 51 
console.log(a[1].charCodeAt(0)); // 20320 
console.log(a[2].charCodeAt(0)); // 20182 
console.log(a.sort());      // ["3", "他", "你"] 
 
var a=["3","11","222"]; 
console.log(a.sort());// ["11", "222", "3"]  
           // 多个字符的时候按照第一个字符的编码
Nach dem Login kopieren

Aber ich denke, das Nützlichste an der Sortierung ist, dass Sie die Sortierung anpassen können. Dies ist auch in praktischen Anwendungen üblich, beispielsweise beim Sortieren eines Objektarrays. Wenn Sie beispielsweise ein Objektarray in einer linearen Ebene nach einem bestimmten Feld darin sortieren möchten, können Sie sicherlich eine Funktion schreiben, um dies selbst zu tun, aber ich denke nicht, dass es so praktisch ist wie Sortieren.

var list = [ 
  { 
    max:3, 
    avg:2, 
    min:1 
  }, 
  { 
    max:10, 
    avg:15, 
    min:20 
  }, 
  { 
    max:8, 
    avg:5, 
    min:2 
  } 
]; 
// 根据max字段对list对象进行排序,从小到大的顺序 
// x,y就是要比较的数组的单个元素,这里就是list中的一个元素 
// 排序方法主要是要提供一个比较大小的规则,换句话说也就是要说明谁大谁小 
// 返回值为true or false 
function sortByField(x, y) { 
  return x.max - y.max; 
} 
console.log(list.sort(sortByField));
Nach dem Login kopieren

Der Betriebseffekt ist wie folgt:

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

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