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); //排序後：法国话,京片子,英语,中国,中文
Привет!
Купить документ института.
Мы готовы предложить дипломы любых профессий по выгодным ценам.
efunda.com/members/people/show_people.cfm?Usr=ReneeOsborne
Поможем вам всегда!.
Здравствуйте!
Приобрести диплом любого ВУЗа.
scorers.org/arsenal-re-sign-real-madrids-dani-ceballos-on-loan/#comment-318099
Are You In Search Of Inspiration? Try Looking Up Renault Key Card Replacement renault modus key programming (Morgan)
Hello! I just would like to give you a huge thumbs up for your great information you’ve got right here on this post. I’ll be returning to your site for more soon.
Привет!
Пошаговая инструкция по официальной покупке диплома о высшем образовании
ourhistory64.blogspot.com/2014/05/5_4
Окажем помощь!.
Здравствуйте!
Можно ли купить аттестат о среднем образовании? Основные рекомендации
iliqchuan.ru/forum/showthread.php?t=197
Удобные и стильные коляски для погодки, сделают прогулки незабываемыми.
Экспертные советы по выбору коляски для погодки, и удовлетворит все потребности вашего питомца.
Топовые модели колясок для погодок, порадуют вас своими инновационными решениями.
Как правильно ухаживать за коляской погодки, и радовала вас своим идеальным состоянием.
Стильные аксессуары для колясок погодок, сделают прогулки более комфортными и удобными.
Уникальные возможности колясок для погодок, для тех, кто хочет обеспечить своему питомцу все условия для приятных прогулок.
Топ-5 лучших колясок для погодок, чтобы и ваша погодка могла чувствовать себя звездой.
Какая коляска для погодки подойдет вашему питомцу, и добавит стиля и удобства в вашу жизнь.
Секреты комфортных прогулок с погодкой в коляске, для тех, кто заботится о комфорте своего питомца.
Новинки в мире колясок для погодок, чтобы сделать прогулки с погодкой еще более приятными.
Что делает современные коляски для погодок уникальными, для безопасных и комфортных прогулок.
Преимущества использования коляски для погодки, и как это сделает ваши прогулки приятными и комфортными.
Секреты правильного выбора коляски для погодки, которая подчеркнет ваш стиль и индивидуальность.
Какая коляска для погодки станет лучшим выбором для вашего питомца, для тех, кто хочет выделиться из толпы.
Удобные и стильные коляски для погодок, для активных и модных владельцев погодок.
Экспер
uppababy vista для погодок отзывы https://kolyaskidlyapogodok.ru/ .
20 Things You Must Know About Squirting Dildo Shop toy to make her
squirt (Vivian)
I like it when people get together and share ideas. Great site, keep it up!
5 Doctor Windows Projects For Every Budget Broken Window Repair
Добрый день!
Заказать документ института можно у нас в Москве.
t954381g.bget.ru/o-skripte/1-post1
Добрый день!
Сколько стоит диплом высшего и среднего образования и как его получить?
obschestvoznanieschd.blogspot.com/2014/04/blog-post_9
I like it when folks get together and share ideas. Great website, keep it up!
Привет, друзья!
Приобрести документ о получении высшего образования
kosmaidamian.ru/
Привет, друзья!
Купить диплом о высшем образовании.
fabnews.ru/blog/6726
order neurontin 800mg online – neurontin where to buy generic azulfidine 500mg
Spot on with this write-up, I seriously believe that this site needs a lot more attention. I’ll probably be back again to see more, thanks for the advice!
Официальная покупка диплома вуза с сокращенной программой обучения в Москве
telegra.ph/gde-kupit-diplom-vo-vladivostoke-08-13
Добрый день!
Заказать документ о получении высшего образования вы сможете в нашей компании в столице.
divinecosmosnew.tforums.org/viewtopic.php?f=17&t=20966
After looking into a number of the articles on your web site, I truly like your way of writing a blog. I saved as a favorite it to my bookmark website list and will be checking back soon. Please check out my web site too and let me know your opinion.
Добрыйдень!
Заказать диплом любого ВУЗа.
telegra.ph/kak-mozhno-kupit-diplom-08-13-4
Можно ли купить аттестат о среднем образовании, основные моменты и вопросы
telegra.ph/kupit-diplom-o-vysshem-obrazovanii-v-kirove-08-13
The man turning jet planes into cool houses
русский анальный секс
Wasilla, south central Alaska. Home to bears, lakes, mountains and a flight school that’s fast becoming a private aviation wonderland.
At FLY8MA Pilot Lodge, you can opt for a scenic flight tour with glacier views, take the controls for a flying lesson, or go all in and get your pilot training.
When night falls over the broad vistas of the US state they call the Last Frontier, you can then climb the steps to two unique accommodation experiences: a converted McDonnell Douglas DC-6 airplane and the newest arrival, a McDonnell Douglas DC-9 – still with its DHL livery.
The fast-developing site is an ongoing project by FLY8MA founder Jon Kotwicki, who previously owned a flight school in Florida, before working as a commercial pilot and eventually ending up in Alaska.
Flying for the airlines “pays good money and everything, but it’s a very boring job,” he says. “Driving Uber is more interesting because you could talk to your passengers.”
Having fallen in love with the south central region on a vacation spent hiking, fishing and spotting bears and grizzlies, he chose it as a spot where he and his team – and his trusty Pomeranian dog Foxtrot – could “buy a lot of property and perhaps develop our own airport and run our own show.”
Полезные советы по безопасной покупке диплома о высшем образовании
telegra.ph/diplom-vypusknika-detskogo-sada-kupit-08-13
врач нарколог на дом narkolog-na-dom-krasnodar11.ru .
вывод из запоя на дому ростов недорого https://vyvod-iz-zapoya-rostov112.ru .
The man turning jet planes into cool houses
смотреть жесткое порно
Wasilla, south central Alaska. Home to bears, lakes, mountains and a flight school that’s fast becoming a private aviation wonderland.
At FLY8MA Pilot Lodge, you can opt for a scenic flight tour with glacier views, take the controls for a flying lesson, or go all in and get your pilot training.
When night falls over the broad vistas of the US state they call the Last Frontier, you can then climb the steps to two unique accommodation experiences: a converted McDonnell Douglas DC-6 airplane and the newest arrival, a McDonnell Douglas DC-9 – still with its DHL livery.
The fast-developing site is an ongoing project by FLY8MA founder Jon Kotwicki, who previously owned a flight school in Florida, before working as a commercial pilot and eventually ending up in Alaska.
Flying for the airlines “pays good money and everything, but it’s a very boring job,” he says. “Driving Uber is more interesting because you could talk to your passengers.”
Having fallen in love with the south central region on a vacation spent hiking, fishing and spotting bears and grizzlies, he chose it as a spot where he and his team – and his trusty Pomeranian dog Foxtrot – could “buy a lot of property and perhaps develop our own airport and run our own show.”
https://namazit.ru/
This is a topic that’s near to my heart… Take care! Exactly where can I find the contact details for questions?
The man turning jet planes into cool houses
геи жестко
Wasilla, south central Alaska. Home to bears, lakes, mountains and a flight school that’s fast becoming a private aviation wonderland.
At FLY8MA Pilot Lodge, you can opt for a scenic flight tour with glacier views, take the controls for a flying lesson, or go all in and get your pilot training.
When night falls over the broad vistas of the US state they call the Last Frontier, you can then climb the steps to two unique accommodation experiences: a converted McDonnell Douglas DC-6 airplane and the newest arrival, a McDonnell Douglas DC-9 – still with its DHL livery.
The fast-developing site is an ongoing project by FLY8MA founder Jon Kotwicki, who previously owned a flight school in Florida, before working as a commercial pilot and eventually ending up in Alaska.
Flying for the airlines “pays good money and everything, but it’s a very boring job,” he says. “Driving Uber is more interesting because you could talk to your passengers.”
Having fallen in love with the south central region on a vacation spent hiking, fishing and spotting bears and grizzlies, he chose it as a spot where he and his team – and his trusty Pomeranian dog Foxtrot – could “buy a lot of property and perhaps develop our own airport and run our own show.”