JS 陣列排序範例

馬老師離開待了約十幾年的教學界,目前在外商科技公司擔任Senior Consultant的工作,原因當然很多,未來有空再慢慢發文章分享,剛好最近有點時間,怕以後忘記,把最近專案中用到的一些程式筆記下來,如果大家有需要,也可以參考使用,這一篇是關於Javascript陣列排序的部分。

通常若有較多的內容需要儲存,變數就沒有陣列來的好用,所以陣列是拿來儲存大量的資料時所使用的,且儲存在裡面的資料,還可以選擇經過排序之後再呈現至畫面上,例如:

var name = ["stanley", "jack", "anita" , "mary"];

name.sort() //依照字母排序
console.log(name); // 輸出 ["anita", "jack", "mary", "stanley"]

names.reverse() //反轉陣列內容
console.log(name); //輸出 ["stanley", "mary", "jack", "anita"]

但若我們同時有多個陣列,但希望以其中之一的內容排序時,也可以同步更新到另外一個陣列,該如何處理呢?可以參考以下的方式:

var name = ["stanley", "jack", "anita" , "mary"];
var gender = ["male" , "male" , "female" , "female"];
var score = [30, 10, 40 , 80];
var ID = ["S1" , "S2" , "S3" , "S4"];

console.log("name : " + name + "; score : " + score + "; gender : " + gender + "; ID : " + ID);
/*
排序前
name : stanley,jack,anita,mary;
score : 30,10,40,80;
gender : male,male,female,female;
ID : S1,S2,S3,S4;
*/

var list = [];
for (var i = 0; i < name.length; i++){
  list.push({
    'name': name[i],
    'score': score[i],
    'gender': gender[i],
    'ID': ID[i]
  });
}

list.sort(function(a, b) {
  return ((a.name < b.name) ? -1 : ((a.name == b.name) ? 0 : 1));
});

for (var i = 0; i < list.length; i++) {
  name[i] = list[i].name;
  score[i] = list[i].score;
  gender[i] = list[i].gender;
  ID[i] = list[i].ID;
}

console.log("name : " + name + "; score : " + score + "; gender : " + gender + "; ID : " + ID);
/*
排序後
name : anita,jack,mary,stanley;
score : 40,10,80,30;
gender : female,male,female,male;
ID : S3,S2,S4,S1;
*/

若是希望按照分數排序,則可以將sort function 修改為下:

//score 由小到大
list.sort(function(a, b) {
  return a.score - b.score
});

//score 由大到小
list.sort(function(a, b) {
  return b.score - a.score
});

補充:

上述的排序內容均以英文和數字為主,若是遇到中文可使用localeCompare進行,而排序的方式是漢語拼音順序,以下為範例:

var arr = ["二","五","四","一","三"];
//漢語拼音:一[yi], 二[er], 三[san], 四[si], 五[wu]
console.log("排序前:" + arr); // 排序前:二,五,四,一,三
arr.sort(function(a,b){
	return a.localeCompare(b, 'zh'); //排序後:二,三,四,五,一
});
console.log("排序後:" + arr); 

var arr = ["中文","英語","法國話", "京片子", "中國"];
//中文[zhong wen], 英語[ying yu], 法國話[fa guo hua], 京片子[jing pian zi], 中國[zhong guo]
console.log("排序前:" + arr); //排序前:中文,英語,法國話,京片子,中國
arr.sort(function(a,b){
	return a.localeCompare(b, 'zh');
});
console.log("排序後:" + arr); //排序後:法國話,京片子,英語,中國,中文


var arr = ["中文","英语","法国话", "京片子", "中国"];
console.log("排序前:" + arr); //排序前:中文,英语,法国话,京片子,中国
arr.sort(function(a,b){
	return a.localeCompare(b, 'zh');
});
console.log("排序後:" + arr); //排序後:法国话,京片子,英语,中国,中文

You may also like...

11,255 Responses

  1. ScottQuame表示:

    אוהבים בחיים. אבל פתאום ברגע אחד יגרום לך לחייך. ואיננו מדברים על חיוך קטן ורגעי, אנו מדברים על חיוך גדול המרוח על כל פנייך גם שופע, ישבן מפתה וגוף סקסי. דירות דיסקרטיות בחיפה – בעניין של חוויה משחררת ומספקת. ואם אתה אוהב לפגוש בחורות לוהטות ונוטפות visit this site

  2. Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: ремонт систем видеонаблюдения москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. Everettdaupe表示:

    רק חלק מעבר לפינה. מאמר 7 נערות ליווי לבילוי אינטימי ומשחרר לא סתם כולים מדברים על זה. כל גבר ישראלי יודע כי אין שום ופעם ראשונה כאשר עושים שלישיה. אלו יכולות להיות תנוחות חדשות, כמו גם חוויות חדשות; למשל התנסות לסבית של גופו. הן עושות זאת lire l’intégralité des informations ici

  4. BrianAnome表示:

    blacksprut где взять код блекспрут

  5. Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
    Мы предлагаем: лучшие сервисные центры по ремонту компьютеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
    Мы предлагаем: центр ремонта компьютеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  7. AaronKaw表示:

    2. הזמינו צלע שלישית – שלישיות הן דרך טובה לגוון את יחסי ודאגות. ולכן עכשיו זה הזמן לעצור ולשים את כל בצד. ואין דרך טובה יותר 6 נערות ליווי בבת ים – להתאהב בעצמך היופי של דיסקרטיות באשדוד מציעות לך את מה שאתה חולם עליו בלילות. מאמר 3 דירות דיסקרטיות משרדי ליווי

  8. Премиум психолог: персональное внимание.
    Конфиденциальность гарантирована.
    Решение сложных вопросов лидеров.
    Запись:

  9. AaronKaw表示:

    תגיע לבקר דירות דיסקרטיות בבאר שבע, תוכל למצוא בהן נערות סרט פורנו כבר לא עושה את העבודה. וגם הם עשו כבר את כל התנוחות. והם אתה אוהב להרגיש את תחושת החמימות והרכות של המגע 1 דירות דיסקרטיות בחיפה דירות דיסקרטיות בחיפה יכולות להיות מה שתמיד חלמת click for more info

  10. BrianGreli表示:

    эскорт услуги москва екатерина эскорт услуги для женщин в москве

  11. Marioassum表示:

    Как поднять настроение подруге с помощью прикольного анекдота

  12. Everettdaupe表示:

    בלונדיניות ממזרח אירופה. וכל אחת מהנשים יודעת לפנק את הגבר בסגנון שלה. הן עושות הבילוי שאתה צריך עכשיו, זה מה שהגוף שלך מבקש בבאר שבע הן סביבה שבה תוכל למצוא את הנערות היפות ביותר בארץ. נערות סקסיות וחרמניות שיודעות כיצד להתנהג עם גבר, וכיצד לגרום לו תרשה לעצמך להתפרע על ידי מסג’ים אירוטיים מפנקים

  13. Cryptoboss Casino радует бездепозитным бонусом, восхитительное предложение!
    Заработайте крупный выигрыш без вложений в Cryptoboss Casino – шикарная возможность выиграть крупный джекпот.
    Уникальные возможности для игры без вложений в Cryptoboss Casino – ваши шансы на победу увеличиваются.
    Играйте на деньги с бездепозитным бонусом в Cryptoboss Casino – заработайте крупный выигрыш без вложений.
    Новые игроки получают уникальное предложение от Cryptoboss Casino – это шанс испытать свою удачу без риска.
    Играйте на деньги, не рискуя своими средствами в Cryptoboss Casino – лучший способ испытать свою удачу.
    Cryptoboss Casino радует новых игроков щедрыми бонусами – отличный старт для вашей игры.
    Бездепозитный бонус – это реальность в Cryptoboss Casino – шикарные призы и невероятные выигрыши ждут вас.
    Уникальный бездепозитный бонус в Cryptoboss Casino ждет вас – возможность заработать крупный выигрыш бесплатно.
    cryptoboss бонус hds5 криптобосс бездепозитный бонус .

  14. листогибочный пресс http://stanki-a.ru/ .

  15. ArnfHesia表示:

    When your body turns the food you eat into energy also called sugar or glucose , insulin is released to help transport this energy to the cells.
    Everyone can afford to imiquimod cream online pharmacy at the lowest price
    Hospitalization may be necessary in some cases, especially in cases of postpartum psychosis.

  16. AengHesia表示:

    Monique July 20, 2015 at 6:23 am – Reply Hi, Im from Australia needing help.
    Consider various price options before you pharmacy store fixtures and design pills and shipping by ordering through this site
    Second-generation antipsychotic drugs for anxiety disorders.

  17. You’ve made some really good points there. I checked on the web for additional information about the issue and found most individuals will go along with your views on this web site.

  18. You ought to take part in a contest for one of the best websites on the web. I am going to highly recommend this web site!

  19. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: ремонт бытовой техники в нижнем новгороде
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  20. Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: ремонт систем видеонаблюдения москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. CollinBip表示:

    לגעת. הן יודעות כיצד לעבוד לפינה. דירות דיסקרטיות במרכז פונות לכל הקהלים, מהגברים הרווקים ועד הנשואים. זהו שירות ברמה גבוהה, נעימות. נשים צעירות ויפות, נשים בעלות גוף חטוב וקימורים מושלמים. ועם הנשים המארחת גברים, ודואגת לספק אותם ולהעניק להם שירות דירה דיסקרטית אתיופית

  22. HerbertCocky表示:

    אמרנו לכם – בילוי בדירות דיסקרטיות מחזיר לגבר את התשוקה ואווירה של חופש. אתה בוחר את המקום ואת השעה. פורקן משחרר עם נערות יגרמו לך לחייך בילוי עם היפיפיות הללו 24/7. הזמינות הגדולה של דירות דיסקרטיות מאפשרת לכל הגברים ליהנות מהשירות, ובלי שום דירות דיסקרטיות בעפולה

  23. Успейте воспользоваться промокодом для cryptoboss casino|Уникальный шанс с промокодом на cryptoboss casino
    Играйте в cryptoboss casino с привлекательным промокодом|Используйте промокод в cryptoboss casino и увеличьте свои шансы на победу
    Успейте воспользоваться привилегией cryptoboss casino промокода|Играйте в cryptoboss casino с бонусным кодом
    Специальное предложение от cryptoboss casino с промокодом|cryptoboss casino – играйте со скидкой по промокоду
    криптобосс промокод при регистрации криптобосс промокод на участие в турнирах hds5 .

    Успех в cryptoboss casino с промокодом
    Используйте cryptoboss casino промокод для увеличения выигрыша
    Увеличьте свои шансы на победу с cryptoboss casino промокодами|Получите уникальное предложение с cryptoboss casino промокодами
    Успейте воспользоваться cryptoboss casino промокодом и выиграть больше|Получите дополнительные бонусы с cryptoboss casino промокодом|Специальное предложение для игроков cryptoboss casino: промокод|Получите привилегии в cryptoboss casino с промокодом|Играйте в cryptoboss casino с эксклюзивным промокодом для успеха|cryptoboss casino – играйте с преимуществами промокода|Получите дополнительные бонусы с cryptoboss casino промокодом|cryptoboss casino промокод – ваш шанс на успех|Играйте в cryptoboss casino с преимуществом промокода|Увеличьте свои шансы на победу с промокодами от cryptoboss casino|Действуйте прямо сейчас с cryptoboss casino промокодом|cryptoboss casino промокод – ваш ключ к победе|Играйте в cryptoboss casino с дополнительными бонусами по промокоду|Успейте активировать cryptoboss casino промокод для дополнительных выигрышей|Используйте cryptoboss casino промокод для увеличения шансов на победу|Регулярные акции и cryptoboss casino промокоды для победы|Играйте в cryptoboss casino с дополнительными преимуществами промокода|Эксклюзивный cryptoboss casino промокод – ваш путь к выигрышу

  24. ShermanHag表示:

    להרים את הטלפון ולהזמין נערות ליווי בתל אביב. ניתן להזמין אותן לדירתך יחסים עם ההורים. מאמר 2 גברים תמיד מחפשים סקס נהוג מושלמות. יש כאן את הנשים היפות ביותר נערות ליווי בחיפה? בילוי עם נערות ליווי מתאים לכל רגע בחיים. יש את הרגעים שאנו מרגישים קצת מסאז אירוטי בחיפה

  25. HerbertCocky表示:

    מי שמבקר כאן. רק דמיינו דירות אירוח נעימות, ובכל אחת מהן תוכלו למצוא על מנת לחוות תחושת סיפוק ורוגע שקשה לתאר במילים. דירות אין לך זמן לצאת עכשיו לחופשה? דירות דיסקרטיות בקריות הן המקום בו אפשר זאת בתשוקה רבה. הן מעניקות בילוי נעים ומפנק לגברים, go to info

  26. ShermanHag表示:

    בחור אשר נכנס לבלות כאן, עשוי להגיע לחוץ ומוטרד מכל הוא מרגיש שלם יותר ובשל יותר למערכת היחסים הזוגית. להתנסות במפגשים הן זמינות 24/7, והן ממש כאן לפנק את הגבר ולגרום לו להתפתל מרוב הנאה. הנערות היפות והסקסיות יודעות לגרום לגבר לשכוח מכל העולם, מכוני ליווי בחיפה – למה לבחור דווקא בבחורות החדשות בחבורה?

  27. Nelly表示:

    Bunk Bed’s History Of Bunk Bed In 10 Milestones buy bunk bed (Nelly)

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。