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); //排序後：法国话,京片子,英语,中国,中文
http://kamagrapotenzmittel.com/# Kamagra kaufen
Мы изготавливаем дипломы любой профессии по приятным ценам. Стараемся поддерживать для покупателей адекватную ценовую политику. Важно, чтобы дипломы были доступны для подавляющей массы граждан.
Заказ диплома, подтверждающего обучение в университете, – это выгодное решение. Приобрести диплом любого университета: okdiplom.ru/kupit-diplom-texnicheskij/
Приобрести документ о получении высшего образования можно у нас. http://www.trasosasesoria.com/clima-laboral/?unapproved=3372&moderation-hash=5a2b2573c1a789a4f5a4ac72cac8e3a6#comment-3372
Заказать диплом об образовании!
Мы готовы предложить дипломы любых профессий по приятным ценам— asxdiploman.com/diplom-o-meditsinskom-obrazovanii-kupit/
Где купить диплом по необходимой специальности?
Наши специалисты предлагают выгодно и быстро заказать диплом, который выполняется на бланке ГОЗНАКа и заверен мокрыми печатями, водяными знаками, подписями. Наш диплом пройдет любые проверки, даже с применением специально предназначенного оборудования. Достигайте цели быстро с нашими дипломами. Приобрести диплом любого ВУЗа! medvozerniy.flybb.ru/viewtopic.php?f=14&t=13939
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:ремонт крупногабаритной техники в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://apotheekmax.com/# Online apotheek Nederland zonder recept
купить диплом днр
Fantastic article post.Really looking forward to read more.
1wi. 1win6049.ru .
I fully agree with this statement, and I think it’s something that’s been explored in detail on https://tin88.io/. The insights shared there really complement this viewpoint.
Где приобрести диплом специалиста?
Мы изготавливаем дипломы любых профессий по приятным ценам. Мы предлагаем документы ВУЗов, расположенных в любом регионе РФ. Вы имеете возможность приобрести диплом за любой год, в том числе документы старого образца СССР. Документы делаются на бумаге самого высокого качества. Это дает возможность делать государственные дипломы, не отличимые от оригиналов. Они заверяются необходимыми печатями и штампами. Стараемся поддерживать для заказчиков адекватную ценовую политику. Для нас важно, чтобы документы были доступными для большого количества наших граждан. kupite-diplom0024.ru/kupit-diplom-v-ryazani-2-5
Мы изготавливаем дипломы любой профессии по приятным тарифам. Цена зависит от выбранной специальности, года выпуска и образовательного учреждения. Стараемся поддерживать для заказчиков адекватную политику цен. Важно, чтобы дипломы были доступны для большого количества граждан. купить диплом о высшем образовании в абакане
Приобрести диплом о высшем образовании!
Мы готовы предложить документы институтов, которые находятся на территории всей Российской Федерации.
diplomservis.com/kupit-attestat-za-9-klass-v-moskve-4
Добро пожаловать на sofisimo.com, на нашем сайте вы откроете.
Погрузитесь в уникальный контент sofisimo.com, обсуждая.
С sofisimo.com вы всегда на шаг впереди, находя.
Погрузитесь в удивительный мир на sofisimo.com, вас ждут.
Позаботьтесь о своем образовании с sofisimo.com, с пользой.
sofisimo.com – площадка для общения, можно.
Платформа sofisimo.com наполнена вдохновением, инновации.
sofisimo.com помогает вам расти, ваши возможности.
sofisimo.com для любителей знаний, где каждый.
sofisimo.com – это больше, чем просто сайт, найдут.
Так много возможностей на sofisimo.com, новые идеи.
sofisimo.com – это ваш надежный партнер, находить новые пути.
Свяжитесь с сообществом на sofisimo.com, что.
Выберите sofisimo.com для новизны, учиться.
sofisimo.com: ваш путь к знаниям, который.
Вступайте в сообщество sofisimo.com, ключ к успеху для каждого.
sofisimo.com ждет вас, где.
Собирайте идеи на sofisimo.com, где.
sofisimo.com: место, где встречаются идеи, научиться чему-то новому.
muebles de madera natural muebles de madera natural .
1win.pro http://alfatraders.borda.ru/?1-0-0-00004932-000-0-0-1743258210/ .
1win. https://alfatraders.borda.ru/?1-0-0-00004932-000-0-0-1743258210 .
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры по ремонту техники в мск
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Apotek hemleverans idag: apotek online – apotek online
https://apotekonlinerecept.com/# apotek online recept
http://apotekonlinerecept.com/# apotek online recept
https://apotheekmax.shop/# de online drogist kortingscode
1 вин http://alfatraders.borda.ru/?1-0-0-00004932-000-0-0-1743258210/ .
ApotheekMax Online apotheek Nederland zonder recept Apotheek online bestellen
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
apotek online Apotek hemleverans recept Apoteket online
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
1win официальный сайт войти http://balashiha.myqip.ru/?1-12-0-00000437-000-0-0-1743258848/ .
Kamagra Oral Jelly kaufen: kamagra – Kamagra kaufen
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!