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); //排序後：法国话,京片子,英语,中国,中文
Мы изготавливаем дипломы любой профессии по выгодным тарифам.– webwiki.nl/frees-diplom.com
https://pinupaz.top/# pin up azerbaycan
нажмите kraken
Где приобрести диплом специалиста?
Мы изготавливаем дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам. Для нас очень важно, чтобы дипломы были доступны для подавляющей массы наших граждан. Приобрести диплом ВУЗа diplomt-v-samare.ru/kupit-diplom-s-registratsiej-v-reestre-11/
сюда кракен ссылка
1win скачать последнюю версию 1win10009.ru .
можно проверить ЗДЕСЬ kra at
Мы предлагаем выгодно и быстро заказать диплом, который выполнен на бланке ГОЗНАКа и заверен печатями, водяными знаками, подписями. Документ пройдет лубую проверку, даже с применением специфических приборов. lkhost.group/read-blog/137_kupit-oficialnyj-diplom-s-zaneseniem-v-reestr.html
нажмите здесь Kra32.at
https://pinupaz.top/# pin up azerbaycan
Играйте на vavada.kesug.com — лучшие развлечения онлайн, используйте бонусы и акции.
Попробуйте удачу на vavada.kesug.com, получайте выгодные бонусы.
Здесь каждый найдет свою игру — vavada.kesug.com, начинайте выигрывать.
Обеспечиваем безопасность и честность игр — vavada.kesug.com, играйте с уверенностью.
Vavada.kesug.com — место для настоящих игроков, выигрывайте с нами.
Vavada.kesug.com — платформа для азартных развлечений, используйте бонусные предложения.
Испытайте удачу на vavada.kesug.com, получайте выигрыши.
Vavada.kesug.com — сайт для выигрышей, играйте и выигрывайте.
Vavada.kesug.com — азартные игры для всех, выигрывайте крупные призы.
Обновляемые предложения — vavada.kesug.com, начинайте выигрывать.
Лучшие автоматы и рулетки — vavada.kesug.com, играйте с нами.
Vavada.kesug.com — популярное онлайн-казино, используйте все возможности.
Vavada.kesug.com — лицензированное казино онлайн, используйте бонусы.
Vavada.kesug.com — сайт для настоящих игроков, получайте выигрыши.
Vavada.kesug.com — платформа для азартных развлечений, используйте бонусные коды.
Vavada.kesug.com — всё о азартных играх, выигрывайте реальные деньги.
Vavada.kesug.com — место для азартных игр онлайн, получайте удовольствие.
Официальный сайт с лучшими условиями — vavada.kesug.com, присоединяйтесь и выигрывайте
промокод вавада активный промокод вавада активный .
можно проверить ЗДЕСЬ kra34
веб-сайт кракен купить
Смотреть здесь kraken ссылка
Наша компания предлагает выгодно и быстро заказать диплом, который выполнен на оригинальной бумаге и заверен печатями, водяными знаками, подписями официальных лиц. Документ пройдет лубую проверку, даже при использовании специального оборудования. linkempleo.co/empresas/premiumydiploma
Главная кракен купить
Приобрести диплом института по доступной цене вы можете, обращаясь к проверенной специализированной компании. Купить документ о получении высшего образования вы можете в нашей компании в Москве. diplomaj-v-tule.ru/vnesenie-diploma-v-reestr-po-vigodnoj-tsene-dlya-vas-3
сайт kraken market
http://pinupaz.top/# pin up casino
1win casino https://1win5067.ru .
нажмите здесь kraken вход
casino 1win https://1win1017.top .
Wow news for all us
Где приобрести диплом по необходимой специальности?
Мы изготавливаем дипломы любой профессии по приятным тарифам. Важно, чтобы дипломы были доступны для большого количества наших граждан. Купить диплом об образовании diplomidlarf.ru/pokupka-diplomov-s-reestrom-11/
Vavada.kesug.com — ваш лучший выбор для онлайн-игр, наслаждайтесь азартом.
Vavada.kesug.com — ведущий онлайн-казино, используйте лучшие предложения.
Vavada.kesug.com — азарт и развлечения 24/7, присоединяйтесь сейчас.
Обеспечиваем безопасность и честность игр — vavada.kesug.com, испытайте удачу.
Основной сайт для азартных игр — vavada.kesug.com, получайте удовольствие.
Vavada.kesug.com — платформа для азартных развлечений, играйте на максимум.
Испытайте удачу на vavada.kesug.com, получайте выигрыши.
Онлайн-казино с лучшими условиями — vavada.kesug.com, используйте бонусы.
Играйте безопасно и честно — vavada.kesug.com, получайте удовольствие.
Обновляемые предложения — vavada.kesug.com, начинайте выигрывать.
Vavada.kesug.com — онлайн-игры и ставки, испытайте удачу.
Vavada.kesug.com — ваш источник развлечений, используйте все возможности.
Vavada.kesug.com — надежный сайт для игр и ставок, используйте бонусы.
Выбирайте лучшее — vavada.kesug.com, получайте выигрыши.
Vavada.kesug.com — инновационное онлайн-казино, выигрывайте вместе с нами.
Лучшие условия для игроков — vavada.kesug.com, используйте предложения.
Vavada.kesug.com — ведущий сайт для онлайн-ставок, выигрывайте крупные призы.
Vavada.kesug.com — ваш партнер в мире азартных игр, используйте бонусы
авиатор вавада https://vavada.kesug.com/ .
Мы изготавливаем дипломы любых профессий по доступным тарифам. Мы предлагаем документы техникумов, расположенных в любом регионе России. Документы печатаются на бумаге высшего качества. Это позволяет делать настоящие дипломы, не отличимые от оригиналов. district-jobs.com/profile/noblereeder282
1 win mexico https://1win1017.top .
1win live https://1win10085.ru/ .
казино 1win https://www.1win10084.ru .
таможенное оформление мск http://tamozhennyj-broker11.ru .