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); //排序後：法国话,京片子,英语,中国,中文
motbet http://www.mostbet8008.ru .
Обзоры шторных решений для загородных домов, выберите стиль, советы по выбору штор для дачи, теплота и уют, максимальная функциональность, натуральные ткани для штор, шторы для приватности, стильные решения для штор, лучшие шторы для кухни в загородном доме, уникальные идеи штор для загородных фасадов, шторы из натуральных тканей, автоматические шторы для загородного дома, гармония штор и мебели, декор и оформление окон в загородном доме, сделайте выбор в пользу уютных штор, выбор стильных штор для загородного дома, плюсы и минусы разных видов штор, создайте уют с помощью уникальных штор, шторы для зимнего уюта в загородном доме
шторы в загородном доме шторы в загородном доме .
Идеи для штор в загородном доме, с помощью штор, подбираем шторы для загородного дома, теплота и уют, максимальная функциональность, современные материалы для штор, эффективные шторы для загородного дома, стильные решения для штор, выбираем шторы для загородной гостиной, примеры оформления окон с шторами, шторы из натуральных тканей, автоматические шторы для загородного дома, стили штор для различных комнат, шторы как часть интерьера, обеспечьте комфорт с нашими шторами, лучшие идеи для оформления окон, что выбрать для загородного дома, подчеркните архитектуру дома с помощью штор, шторы для зимнего уюта в загородном доме
шторы в загородном доме шторы в загородном доме .
aviator mostbet http://www.mostbet3024.ru .
Мы изготавливаем дипломы любых профессий по приятным тарифам.
Вы заказываете документ через надежную и проверенную компанию. Купить диплом ВУЗа– http://manavsakti.com/employer/diplomy-grup-24/ – manavsakti.com/employer/diplomy-grup-24
Лучшие шторы для спокойствия и уюта, используя шторы, советы по выбору штор для дачи, теплота и уют, максимальная функциональность, натуральные ткани для штор, шторы для защиты от солнца, модные тренды в шторном дизайне, лучшие шторы для кухни в загородном доме, уникальные идеи штор для загородных фасадов, шторы из натуральных материалов для уюта, современные механизмы для штор, гармония штор и мебели, декор и оформление окон в загородном доме, сделайте выбор в пользу уютных штор, лучшие идеи для оформления окон, сравнение видов штор для дачи, подчеркните архитектуру дома с помощью штор, идеи сезонного оформления окон
шторы в загородном доме шторы в загородном доме .
kamagra livraison 24h: kamagra en ligne – Kamagra pharmacie en ligne
Заказать диплом о высшем образовании!
Приобрести диплом университета по доступной цене возможно, обращаясь к надежной специализированной компании. Купить диплом о высшем образовании: diploml-174.ru/vot-neskolko-variantov-zagolovkov-sootvetstvuyushix-vashim-trebovaniyam-diplom-vuza-kupit-legko-i-bistro-kupit-diplom-o-visshem-obrazovanii-onlajn-visshee-obrazovanie-kupite-dipl
Cialis sans ordonnance 24h Cialis sans ordonnance 24h Cialis sans ordonnance pas cher tadalmed.com
мостбет скачать на андроид https://mostbet3025.ru/ .
pharmacie en ligne france livraison internationale: pharmacie en ligne sans ordonnance – pharmacie en ligne fiable pharmafst.com
cialis prix cialis prix cialis prix tadalmed.com
Где купить диплом по актуальной специальности?
Получаемый диплом с приложением отвечает условиям и стандартам, неотличим от оригинала. Не следует откладывать собственные мечты и задачи на пять лет, реализуйте их с нами – отправляйте быструю заявку на диплом уже сегодня! Диплом о среднем специальном образовании – запросто! soniamittal0066.copiny.com/question/details/id/1077572
Kamagra Oral Jelly pas cher: kamagra livraison 24h – kamagra oral jelly
1win вывод средств https://1win8018.ru/ .
1win букмекерская http://www.1win8018.ru .
1win md https://1win5053.ru/ .
acheter mГ©dicament en ligne sans ordonnance: pharmacie en ligne – pharmacie en ligne livraison europe pharmafst.com
Приобретение официального диплома через надежную компанию дарит много преимуществ. Это решение помогает сэкономить время и существенные средства. Тем не менее, на этом выгоды не ограничиваются, плюсов значительно больше.Мы изготавливаем дипломы любых профессий. Дипломы изготавливаются на настоящих бланках. Доступная цена сравнительно с огромными тратами на обучение и проживание. Покупка диплома университета будет выгодным шагом.
Купить диплом о высшем образовании: diplomc-v-ufe.ru/kupit-diplom-v-moskve-s-zaneseniem-v-reestr-6/
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры по ремонту техники в мск
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
мостбет андроид http://mostbet8006.ru .
no prescription needed canadian pharmacy
Где купить диплом специалиста?
Получаемый диплом с приложением 100% отвечает запросам и стандартам, никто не отличит его от оригинала – даже со специальным оборудованием. Не откладывайте личные цели на долгие годы, реализуйте их с нами – отправьте простую заявку на диплом сегодня! Заказать диплом о среднем специальном образовании – легко! walnutstaffing.com/employer/premialnie-diplom-24
best pharmacy
Заказать диплом любого института!
Купить диплом университета по невысокой цене возможно, обратившись к надежной специализированной компании. Быстро купить диплом о высшем образовании: diplomaj-v-tule.ru/diplom-v-reestre-vash-put-k-uspexu
Быстро приобрести диплом любого университета!
Заказ подходящего диплома через надежную фирму дарит много достоинств. Заказать диплом университета у надежной компании: doks-v-gorode-smolensk-67.ru
Мы предлагаем дипломы любой профессии по приятным ценам. Мы готовы предложить документы техникумов, расположенных в любом регионе Российской Федерации. Документы делаются на бумаге самого высшего качества. Это дает возможность делать государственные дипломы, не отличимые от оригиналов. feleempleo.es/employer/archive-diploma
профиль с подписчиками продажа аккаунтов
металлический значок на фуражке производство значков из металла
продать аккаунт аккаунт для рекламы