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); //排序後：法国话,京片子,英语,中国,中文
Rodrygo Silva de Goes https://real-madrid.rodrygo-br.com, known simply as Rodrygo, emerged as one of the the brightest young talents in world football.
Быстрая схема покупки диплома старого образца: что важно знать?
local-urban-eats.mn.co/posts/61678425
Top Five Tips For Acquiring A Loan 학자금 대출
Anderson Silva https://killer-bees-muay-thai-college.andersonsilva.net was born in 1975 in Curitiba Brazil. From a young age he showed an interest in martial arts, starting to train in karate at the age of 5.
Привет, друзья!
Быстрая покупка диплома старого образца: возможные риски
boltushka.flybb.ru/viewtopic.php?f=14&t=1509
Окажем помощь!.
I quite like looking through an article that will make people think. Also, many thanks for permitting me to comment.
Привет!
Приобрести документ института вы сможете у нас.
ast-diplom24.ru/kupit-diplom-nizhnij-novgorod
Удачи!
Привет!
Мы предлагаем дипломы любой профессии по разумным тарифам. Стоимость может зависеть от той или иной специальности, года получения и университета.
Где приобрести диплом специалиста?
Приобрести диплом любого университета
landik-diploms-srednee.ru/kupit-diplom-volgograd
Успешной учебы!
Здравствуйте!
Мы предлагаем документы ВУЗов, которые находятся на территории всей России. Вы можете приобрести диплом от любого заведения, за любой год, указав подходящую специальность и оценки за все дисциплины. Дипломы и аттестаты выпускаются на бумаге самого высшего качества. Это дает возможности делать настоящие дипломы, которые невозможно отличить от оригиналов. Они будут заверены необходимыми печатями и штампами.
Заказать диплом о высшем образовании.
http://www.math-berlin.de/profile-manager/pluginclass/cbblogs?action=blogs&func=show&id=971
Хорошей учебы!
Oh my goodness! Awesome article dude! Thanks, However I am having problems with your RSS. I don’t understand why I cannot join it. Is there anybody having the same RSS problems? Anyone that knows the solution can you kindly respond? Thanx!
The Best Online Slots 프라그마틱 정품 확인법
Aw, this was an incredibly nice post. Finding the time and actual effort to make a great article… but what can I say… I hesitate a lot and don’t seem to get nearly anything done.
In the world of professional tennis, the name of Gustavo Kuerten https://roland-garros.gustavokuerten.com is closely linked to one of the most prestigious Grand Slam tournaments – Roland Garros.
Ayrton Senna https://mclaren.ayrtonsenna-br.com is one of the greatest drivers in the history of Formula 1.
Bieber’s https://baby.justinbieber-br.com path to global fame began with his breakthrough success Baby, which became his signature song and one of the most popular music videos of all time.
Achraf Hakimi https://paris-saint-germain.ashrafhakimi.net is a young Moroccan footballer who quickly reached the football elite European in recent years.
Kobe Bryant https://los-angeles-lakers.kobebryant-br.net one of the greatest basketball players of all the times, left an indelible mark on the history of sport.
An impressive share! I’ve just forwarded this onto a coworker who has been conducting a little research on this. And he in fact bought me dinner because I found it for him… lol. So allow me to reword this…. Thanks for the meal!! But yeah, thanx for spending the time to discuss this subject here on your web page.
Good Web Development Should Focus On Search Engine Optimization 백링크 확인 (mccambly.com)
It’s difficult to find knowledgeable people for this topic, however, you sound like you know what you’re talking about! Thanks
диплом срочно asxdiplomik.com/kupit-diplom-moskva .
Three Common Mistaken Ideas About A Prepaid Card 다바오 계정 (cloud.poodll.com)
11 Creative Methods To Write About Sash Windows Cambridge repairs to Upvc doors
You are so awesome! I do not suppose I have read anything like this before. So nice to discover somebody with unique thoughts on this subject matter. Really.. thank you for starting this up. This web site is one thing that’s needed on the web, someone with a bit of originality.
Everyone loves it when individuals come together and share opinions. Great website, continue the good work.
Aw, this was an extremely good post. Spending some time and actual effort to generate a good article… but what can I say… I procrastinate a whole lot and never seem to get nearly anything done.
Greetings! Very helpful advice in this particular post! It’s the little changes that will make the largest changes. Thanks for sharing!
Good post. I will be going through some of these issues as well..
brand atenolol 100mg – buy carvedilol pill carvedilol 6.25mg pills
1win – ваш идеальный партнер для ставок
Удача всегда на вашей стороне с 1win
1win – место, где рождаются победы
Успех начинается с 1win
1win – ваш путь к большим выигрышам
Начните побеждать с 1win прямо сейчас
1win – ваш ключ к миру ставок и азарта
Сделайте свою жизнь ярче с помощью 1win
1win – ваш верный путь к финансовой независимости
1win: ваш выбор номер один в мире ставок
1win – это лучший способ сделать свою игру еще более захватывающей
Присоединяйтесь к миллионам победителей на платформе 1win
Ставки на спорт становятся простыми с 1win
1win всегда на вашей стороне|Получайте удовольствие от ставок с 1win
Ставки на спорт без ограничений с 1win|Увлекательные ставки и азартные игры на платформе 1win|Будьте уверены в своих ставках с 1win|1win – ваш проводник в мире ставок и азарта|1win гарантирует вам только лучшие условия для ставок|1win – это ваш персональный билет в мир азарта|1win – букмекер, на которого можно положиться|Ваши ставки всегда успешные с 1win|1win – идеальное место для вашего успеха|1win – это ваш шанс стать победителем|1win – ваш партнер в мире ставок и азарта|Увеличивайте свои шансы на успех с 1win|Заработайте больше с помощью 1win|1win – это ваш путь к азарту и прибыли|Побеждайте вместе с 1win|1win – лучший выбор для начинающих и профессионалов|1win – ваш проводник в мире азарта|1win – ваша дверь в мир ставок и азарта
1win скачать https://1win-ofitsialnyy.by/ .