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); //排序後：法国话,京片子,英语,中国,中文
Indian Cert Pharm: Best Indian pharmacy – Best online Indian pharmacy
X-Poker: Новый предел онлайн-покера. Играйте на максимум!
Вы желаете свежие ощущения из онлайн-покера? Расположены до захватывающим играм и большим призам? В таком случае вам точно необходимо обратить внимание на X-Poker (Икс покер)! Данная прогрессивная площадка предоставляет уникальный опыт, сочетающий волнение традиционного покера с современными разработками и удобным оформлением.
Зачем X-Poker заслуживает вашего внимания?
Альтернатива привычному: Если тебе наскучил стандартный pppoker, X-Poker сделается порцией свежего воздуха. В этом месте тебя ожидают: * Множество видов: От классического Техасского Холдема до Омаха и прочих увлекательных вариантов. Каждый подыщет себе забаву по душе. * Неповторимые турниры: Регулярные ивенты со обеспеченными поощрительными резервами, позволяющие проверить личные навыки и побороться ради большой приз. * Удобный оформление: Логически понятное приложение, действующее без затруднений на любых устройствах. Вы будешь способен получать удовольствие игрой где угодно, и когда бы ни.
X-Poker: Комьюнити ради настоящих ценителей:
Икс-покер сообщество: Присоединяйтесь в нашему комьюнити, разговаривайте со соратниками, обменивайтесь опытом и вместе добирайтесь свежих уровней! Игра-онлайн на высшем качестве: Икс покер забавляться – это не просто развлечение, данное шанс совершенствовать свое искусство и конкурировать со сильными противниками. 3. Плюсы Икс-Покер, которые создают его уникальным:
Безопасность и защита: Наша команда гарантируем правдивость игры и сохранность ваших персональных данных. Вы можете быть уверены в безопасности транзакций и конфиденциальности информации. Современные разработки: Площадка икс poker разработана с использованием самых современных технологий, гарантирующих гладкую и стабильную работу даже при значительной нагрузке. Поддержка 24/7: Наше служба содействия всегда расположена содействовать тебе при решении каких-либо проблем, возникающих во течении игры. Икс-Покер либо Х покер? Не существенно! Важно – играть с наслаждением!
Независимо от того, как ты называете данную площадку – Икс-Покер, Икс покер, х покер – одно остается неизменным: здесь вас ждет захватывающий мир онлайн-покера. Подбирайте подходящие места, принимайте участие в соревнованиях и получайте призы!
Приступайте забавляться в х покер прямо сейчас!
Не упускайте возможность сделаться частью многообещающей покерной платформы. Забудьте о тоску и рутину – окунитесь во вселенную волнения и больших призов с икс покер!
important source
official trump
our website
solfare
visit their website
solfare
visit this site right here solrflare
see
trump crypto coin
Indian Cert Pharm: indian pharmacy – Indian Cert Pharm
navigate to this website
solrflare
see this page solrflare
you can check here trump cryptocurrency
canadian world pharmacy https://mexicaneasypharm.com/# mexican mail order pharmacies
Online medicine home delivery
рейтинги производительности процессоров рейтинги производительности процессоров .
you could try this out
trump coins
Related Site gettrumpmemes
click here for more solfare
check my source
soflare
site here
solfare
learn the facts here now trump coins
https://indiancertpharm.com/# Indian Cert Pharm
canadian pharmacy checker
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт iphone se 2020 рядом, можете посмотреть на сайте: ремонт iphone se 2020 адреса
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
I don’t even know how I ended up here, but I thought this post was good. I don’t know who you are but certainly you’re going to a famous 🙂 Cheers! levesque-macpherson.blogbright.net
reputable canadian pharmacy: Canadian Md Pharm – escrow pharmacy canada
рейтинги производительности процессоров рейтинги производительности процессоров .
canada discount pharmacy https://canadianmdpharm.shop/# best canadian pharmacy to buy from
Online medicine home delivery
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт iphone xs max, можете посмотреть на сайте: ремонт iphone xs max рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Beside gold, a lot of these chains are manufactured from silver and platinum in keeping with the shoppers demand and choice.
Indian Cert Pharm: indian pharmacy – Best online Indian pharmacy
вывод. из. запоя. на. дому. https://vyvod-iz-zapoya-nizhnij-novgorod13.ru .
Having read this I thought it was really enlightening. I appreciate you finding the time and energy to put this informative article together. I once again find myself spending a lot of time both reading and posting comments. But so what, it was still worthwhile!