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...

1,974 Responses

  1. Everette表示:

    10 Sites To Help You Learn To Be An Expert In CSGO Most
    Profitable Cases riptide case (Everette)

  2. What’s The Job Market For Best SEO Company Professionals?
    top Seo Companies in london

  3. Five Killer Quora Answers To British Porn Stars Xxx british Porn stars xxx

  4. DichaelDax表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любом направлении, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Важность наличия официального документа переоценить просто невозможно. Ведь диплом открывает двери перед всеми, кто стремится начать профессиональную деятельность или учиться в ВУЗе.
    В данном контексте мы предлагаем оперативно получить этот необходимый документ. Вы имеете возможность заказать диплом старого или нового образца, и это является выгодным решением для человека, который не смог завершить образование или утратил документ. диплом изготавливается с особой аккуратностью, вниманием к мельчайшим нюансам. На выходе вы получите продукт, максимально соответствующий оригиналу.
    Преимущество такого подхода заключается не только в том, что можно быстро получить свой диплом. Весь процесс организовывается комфортно, с нашей поддержкой. Начиная от выбора нужного образца до точного заполнения персональной информации и доставки в любое место России — все будет находиться под абсолютным контролем опытных специалистов.
    В итоге, всем, кто ищет максимально быстрый способ получить требуемый документ, наша компания предлагает отличное решение. Приобрести диплом – значит избежать длительного процесса обучения и не теряя времени перейти к достижению своих целей, будь то поступление в ВУЗ или старт успешной карьеры.

    https://diploman-rossiya.com

  5. Letvmu表示:

    order nitroglycerin pill – generic indapamide 2.5mg valsartan 80mg brand

  6. GichardPheve表示:

    На сегодняшний день, когда диплом становится началом успешной карьеры в любом направлении, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Факт наличия официального документа об образовании трудно переоценить. Ведь диплом открывает двери перед всеми, кто собирается начать трудовую деятельность или учиться в любом университете.
    Наша компания предлагает очень быстро получить этот важный документ. Вы имеете возможность купить диплом, что будет отличным решением для человека, который не смог закончить обучение или потерял документ. Все дипломы производятся с особой тщательностью, вниманием ко всем деталям. В результате вы сможете получить полностью оригинальный документ.
    Преимущества подобного подхода состоят не только в том, что вы сможете максимально быстро получить диплом. Весь процесс организовывается комфортно и легко, с профессиональной поддержкой. Начав от выбора требуемого образца до консультаций по заполнению персональных данных и доставки в любой регион России — все под полным контролем наших мастеров.
    В результате, для всех, кто ищет максимально быстрый способ получения требуемого документа, наша компания предлагает отличное решение. Купить диплом – это значит избежать продолжительного обучения и сразу перейти к достижению личных целей, будь то поступление в ВУЗ или старт карьеры.
    https://diploman-russiyans.com

  7. Timsothyabela表示:

    В нашем обществе, где диплом – это начало удачной карьеры в любом направлении, многие ищут максимально быстрый и простой путь получения качественного образования. Важность наличия официального документа об образовании сложно переоценить. Ведь именно диплом открывает двери перед всеми, кто стремится вступить в сообщество профессионалов или продолжить обучение в любом ВУЗе.
    В данном контексте наша компания предлагает очень быстро получить этот необходимый документ. Вы сможете купить диплом старого или нового образца, что является удачным решением для всех, кто не смог закончить обучение, потерял документ или хочет исправить плохие оценки. дипломы изготавливаются с особой аккуратностью, вниманием ко всем нюансам, чтобы на выходе получился документ, максимально соответствующий оригиналу.
    Превосходство такого решения заключается не только в том, что вы оперативно получите диплом. Весь процесс организован комфортно и легко, с нашей поддержкой. Начав от выбора требуемого образца документа до консультаций по заполнению личной информации и доставки по России — все будет находиться под абсолютным контролем наших мастеров.
    Таким образом, всем, кто хочет найти быстрый и простой способ получить требуемый документ, наша компания предлагает отличное решение. Приобрести диплом – значит избежать длительного обучения и не теряя времени переходить к достижению своих целей, будь то поступление в университет или начало карьеры.
    https://diploman-russiyans.com

  8. Jsdsbx表示:

    metoprolol order online – olmesartan sale buy nifedipine 30mg generic

  9. Shaneevige表示:

    В современном мире, где диплом является началом удачной карьеры в любом направлении, многие ищут максимально быстрый путь получения образования. Наличие официального документа об образовании трудно переоценить. Ведь диплом открывает двери перед всеми, кто хочет начать профессиональную деятельность или учиться в университете.
    Мы предлагаем максимально быстро получить любой необходимый документ. Вы можете приобрести диплом старого или нового образца, и это является отличным решением для всех, кто не смог закончить обучение или утратил документ. Любой диплом изготавливается с особой тщательностью, вниманием ко всем нюансам. В результате вы получите полностью оригинальный документ.
    Преимущества подобного подхода заключаются не только в том, что можно быстро получить свой диплом. Весь процесс организован просто и легко, с профессиональной поддержкой. Начав от выбора подходящего образца документа до консультаций по заполнению личных данных и доставки по стране — все находится под абсолютным контролем опытных мастеров.
    Для тех, кто ищет максимально быстрый способ получить необходимый документ, наша компания предлагает выгодное решение. Заказать диплом – значит избежать длительного обучения и сразу переходить к своим целям, будь то поступление в университет или начало успешной карьеры.
    https://diploman-russiyans.com

  10. Shaneevige表示:

    I got this website from my buddy who shared with me about this site and at the moment this time I am visiting this web site and reading very informative articles at this place.

    https://my.bio/agentstvo-razvlecheniy

  11. Shaneevige表示:

    В нашем мире, где диплом – это начало отличной карьеры в любой отрасли, многие ищут максимально быстрый путь получения образования. Наличие официального документа об образовании сложно переоценить. Ведь именно диплом открывает двери перед всеми, кто хочет начать профессиональную деятельность или продолжить обучение в высшем учебном заведении.
    Мы предлагаем оперативно получить этот важный документ. Вы имеете возможность приобрести диплом старого или нового образца, и это будет выгодным решением для человека, который не смог завершить образование, утратил документ или желает исправить плохие оценки. дипломы производятся с особой аккуратностью, вниманием ко всем деталям, чтобы на выходе получился полностью оригинальный документ.
    Превосходство такого подхода состоит не только в том, что вы сможете максимально быстро получить диплом. Весь процесс организован просто и легко, с профессиональной поддержкой. Начиная от выбора подходящего образца до консультаций по заполнению персональных данных и доставки в любое место страны — все находится под полным контролем качественных мастеров.
    Для всех, кто хочет найти быстрый способ получения необходимого документа, наша услуга предлагает отличное решение. Заказать диплом – значит избежать продолжительного обучения и не теряя времени переходить к своим целям: к поступлению в университет или к началу успешной карьеры.

    https://dlplomanrussian.com

  12. Ismaelfer表示:

    В нашем обществе, где диплом является началом успешной карьеры в любой области, многие ищут максимально быстрый путь получения образования. Наличие документа об образовании сложно переоценить. Ведь диплом открывает двери перед людьми, желающими начать профессиональную деятельность или учиться в высшем учебном заведении.
    Предлагаем максимально быстро получить этот важный документ. Вы можете заказать диплом старого или нового образца, что становится отличным решением для человека, который не смог завершить образование, утратил документ или желает исправить свои оценки. диплом изготавливается аккуратно, с особым вниманием к мельчайшим нюансам. На выходе вы получите 100% оригинальный документ.
    Превосходство этого решения состоит не только в том, что можно оперативно получить свой диплом. Весь процесс организован просто и легко, с профессиональной поддержкой. От выбора нужного образца документа до консультации по заполнению личной информации и доставки в любой регион страны — все находится под абсолютным контролем качественных специалистов.
    Для всех, кто хочет найти быстрый и простой способ получения необходимого документа, наша компания предлагает выгодное решение. Приобрести диплом – это значит избежать долгого процесса обучения и не теряя времени переходить к своим целям: к поступлению в университет или к началу трудовой карьеры.

    https://diploman-russiyan.com

  13. Lewisslund表示:

    В современном мире, где диплом – это начало удачной карьеры в любом направлении, многие ищут максимально быстрый и простой путь получения образования. Факт наличия документа об образовании переоценить невозможно. Ведь именно он открывает двери перед любым человеком, который хочет вступить в сообщество квалифицированных специалистов или продолжить обучение в высшем учебном заведении.
    Предлагаем очень быстро получить этот важный документ. Вы можете заказать диплом старого или нового образца, и это является отличным решением для всех, кто не смог завершить обучение, потерял документ или хочет исправить плохие оценки. Любой диплом изготавливается аккуратно, с особым вниманием ко всем элементам, чтобы в итоге получился полностью оригинальный документ.
    Плюсы этого решения заключаются не только в том, что вы быстро получите диплом. Процесс организован удобно, с профессиональной поддержкой. От выбора нужного образца до грамотного заполнения личной информации и доставки по России — все под абсолютным контролем квалифицированных мастеров.
    Всем, кто ищет быстрый способ получения требуемого документа, наша компания предлагает отличное решение. Приобрести диплом – это значит избежать долгого обучения и не теряя времени переходить к достижению собственных целей, будь то поступление в ВУЗ или начало карьеры.

    https://diploman-russiyan.com

  14. Lewisslund表示:

    В современном мире, где диплом – это начало отличной карьеры в любой отрасли, многие ищут максимально быстрый путь получения качественного образования. Необходимость наличия документа об образовании трудно переоценить. Ведь диплом открывает двери перед людьми, желающими начать трудовую деятельность или учиться в университете.
    Наша компания предлагает оперативно получить любой необходимый документ. Вы имеете возможность приобрести диплом, что становится выгодным решением для всех, кто не смог завершить обучение, потерял документ или хочет исправить свои оценки. дипломы производятся с особой аккуратностью, вниманием ко всем нюансам. На выходе вы сможете получить продукт, 100% соответствующий оригиналу.
    Превосходство подобного подхода состоит не только в том, что вы максимально быстро получите свой диплом. Процесс организован комфортно, с профессиональной поддержкой. Начав от выбора нужного образца диплома до консультаций по заполнению персональных данных и доставки по России — все будет находиться под абсолютным контролем опытных мастеров.
    Для тех, кто хочет найти быстрый способ получения необходимого документа, наша компания готова предложить выгодное решение. Приобрести диплом – значит избежать продолжительного процесса обучения и сразу переходить к важным целям, будь то поступление в университет или начало трудовой карьеры.

    https://diploman-russiyan.com

  15. Lewisslund表示:

    Сегодня, когда диплом – это начало отличной карьеры в любой отрасли, многие пытаются найти максимально быстрый и простой путь получения качественного образования. Наличие документа об образовании переоценить невозможно. Ведь диплом открывает двери перед всеми, кто желает вступить в сообщество квалифицированных специалистов или продолжить обучение в высшем учебном заведении.
    В данном контексте мы предлагаем оперативно получить этот необходимый документ. Вы имеете возможность купить диплом, и это будет удачным решением для человека, который не смог завершить образование или утратил документ. диплом изготавливается с особой тщательностью, вниманием к мельчайшим элементам, чтобы на выходе получился продукт, полностью соответствующий оригиналу.
    Плюсы такого решения состоят не только в том, что можно оперативно получить диплом. Процесс организован удобно, с нашей поддержкой. От выбора нужного образца диплома до консультации по заполнению персональной информации и доставки в любое место страны — все под полным контролем качественных мастеров.
    В итоге, для тех, кто ищет быстрый и простой способ получения необходимого документа, наша компания предлагает отличное решение. Заказать диплом – значит избежать продолжительного процесса обучения и не теряя времени переходить к своим целям: к поступлению в ВУЗ или к началу удачной карьеры.

    https://dlplomanrussian.com

  16. Hgtvnl表示:

    microzide pill – bisoprolol price order zebeta 10mg online

  17. Ismaelfer表示:

    В современном мире, где диплом является началом отличной карьеры в любой области, многие ищут максимально простой путь получения образования. Факт наличия официального документа об образовании трудно переоценить. Ведь именно диплом открывает двери перед людьми, желающими начать профессиональную деятельность или учиться в высшем учебном заведении.
    В данном контексте мы предлагаем быстро получить этот важный документ. Вы имеете возможность заказать диплом, что является отличным решением для человека, который не смог завершить обучение, утратил документ или хочет исправить свои оценки. Каждый диплом изготавливается аккуратно, с максимальным вниманием ко всем элементам, чтобы на выходе получился документ, полностью соответствующий оригиналу.
    Преимущества этого решения заключаются не только в том, что вы сможете быстро получить свой диплом. Процесс организован удобно, с профессиональной поддержкой. От выбора подходящего образца документа до консультации по заполнению личных данных и доставки в любой регион страны — все под полным контролем наших специалистов.
    Всем, кто ищет быстрый способ получить требуемый документ, наша компания предлагает выгодное решение. Купить диплом – это значит избежать продолжительного обучения и не теряя времени переходить к достижению личных целей, будь то поступление в ВУЗ или начало карьеры.

    https://diploman-rossiya.com

  18. Harrydup表示:

    Hello! This post could not be written any better! Reading this post reminds me of my old room mate! He always kept chatting about this. I will forward this post to him. Fairly certain he will have a good read. Thank you for sharing!
    https://englishmax.ru/

  19. OLaneevige表示:

    Сегодня, когда диплом становится началом успешной карьеры в любой сфере, многие стараются найти максимально быстрый и простой путь получения качественного образования. Наличие документа об образовании переоценить невозможно. Ведь именно он открывает дверь перед любым человеком, желающим вступить в сообщество профессионалов или продолжить обучение в высшем учебном заведении.
    В данном контексте наша компания предлагает максимально быстро получить этот необходимый документ. Вы имеете возможность купить диплом, и это является удачным решением для всех, кто не смог завершить образование или потерял документ. дипломы изготавливаются с особой аккуратностью, вниманием к мельчайшим нюансам, чтобы в результате получился документ, полностью соответствующий оригиналу.
    Плюсы подобного решения состоят не только в том, что можно оперативно получить диплом. Весь процесс организовывается комфортно и легко, с нашей поддержкой. От выбора необходимого образца документа до правильного заполнения персональной информации и доставки по стране — все под абсолютным контролем качественных специалистов.
    В результате, для всех, кто ищет быстрый и простой способ получить требуемый документ, наша компания предлагает выгодное решение. Заказать диплом – это значит избежать продолжительного обучения и сразу перейти к достижению своих целей, будь то поступление в университет или начало успешной карьеры.

    https://dlplomanrussian.com

  20. OLaneevige表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любом направлении, многие ищут максимально быстрый путь получения образования. Важность наличия официального документа об образовании сложно переоценить. Ведь именно он открывает двери перед любым человеком, который собирается начать трудовую деятельность или учиться в ВУЗе.
    В данном контексте мы предлагаем очень быстро получить этот важный документ. Вы сможете приобрести диплом нового или старого образца, что является удачным решением для человека, который не смог завершить образование или утратил документ. Все дипломы изготавливаются с особой тщательностью, вниманием ко всем деталям. На выходе вы получите документ, полностью соответствующий оригиналу.
    Преимущество подобного решения заключается не только в том, что можно оперативно получить диплом. Весь процесс организовывается комфортно, с нашей поддержкой. Начав от выбора подходящего образца до точного заполнения личных данных и доставки в любой регион страны — все находится под полным контролем качественных специалистов.
    В результате, для всех, кто ищет быстрый способ получить необходимый документ, наша компания предлагает выгодное решение. Заказать диплом – это значит избежать долгого обучения и сразу переходить к личным целям: к поступлению в университет или к началу трудовой карьеры.

    https://dlplomanrussian.com

  21. Ismaelfer表示:

    В нашем мире, где диплом – это начало отличной карьеры в любой области, многие стараются найти максимально быстрый и простой путь получения образования. Факт наличия документа об образовании трудно переоценить. Ведь именно диплом открывает дверь перед любым человеком, который хочет начать трудовую деятельность или продолжить обучение в любом университете.
    В данном контексте мы предлагаем быстро получить этот важный документ. Вы имеете возможность купить диплом, и это является удачным решением для человека, который не смог завершить образование или потерял документ. диплом изготавливается аккуратно, с максимальным вниманием ко всем деталям. На выходе вы сможете получить полностью оригинальный документ.
    Преимущества данного решения заключаются не только в том, что можно оперативно получить свой диплом. Процесс организовывается удобно, с профессиональной поддержкой. Начав от выбора необходимого образца до точного заполнения персональных данных и доставки по России — все будет находиться под абсолютным контролем наших мастеров.
    Всем, кто ищет максимально быстрый способ получения необходимого документа, наша компания предлагает выгодное решение. Приобрести диплом – значит избежать продолжительного обучения и сразу переходить к своим целям: к поступлению в ВУЗ или к началу успешной карьеры.

    https://diploman-rossiya.com

  22. Kbzgvm表示:

    purchase famciclovir generic – acyclovir 800mg price valaciclovir without prescription

  23. Timsothyabela表示:

    регистрация кэт казино
    cat casino

  24. StephenDeery表示:

    Сегодня, когда диплом становится началом отличной карьеры в любой области, многие ищут максимально быстрый путь получения образования. Наличие официального документа об образовании сложно переоценить. Ведь диплом открывает двери перед людьми, стремящимися вступить в профессиональное сообщество или продолжить обучение в университете.
    Мы предлагаем быстро получить любой необходимый документ. Вы имеете возможность купить диплом нового или старого образца, что становится выгодным решением для человека, который не смог закончить обучение или утратил документ. Любой диплом изготавливается с особой тщательностью, вниманием к мельчайшим нюансам. В итоге вы получите полностью оригинальный документ.
    Превосходство такого подхода заключается не только в том, что можно быстро получить диплом. Процесс организован удобно, с нашей поддержкой. Начиная от выбора необходимого образца до грамотного заполнения персональных данных и доставки в любой регион России — все будет находиться под абсолютным контролем опытных специалистов.
    В итоге, всем, кто хочет найти быстрый и простой способ получения требуемого документа, наша компания может предложить выгодное решение. Купить диплом – значит избежать продолжительного процесса обучения и не теряя времени переходить к достижению собственных целей: к поступлению в университет или к началу трудовой карьеры.

    https://diploman-rossiya.com

  25. Epowgd表示:

    lanoxin 250 mg uk – buy dipyridamole pills buy lasix 100mg pills

發佈回覆給「Timsothyabela」的留言 取消回覆

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