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); //排序後：法国话,京片子,英语,中国,中文
cost generic clomid without dr prescription: cost clomid pills – can i order clomid for sale
See What Double Glazing Repair Near Me Tricks The Celebs Are Using Double glazing Repair near me
doxycycline 100mg capsules cost DoxHealthPharm buy doxycycline
Хватит играть вслепую! Забудьте о проигрышах и разводах!
Приветствуем в телеграм-канале, где РЕЙТИНГ казино становится вашим надежным проводником в мире азарта!
В 2025 году онлайн-казино расцветают, но как найти среди них лучшие, честные и надежные? Мы сделали это за вас!
Здесь вы найдете:
ТОП самых популярных и официальных онлайн казино с лицензией.
Обзоры, которые помогут найти официальное зеркало для входа на официальный сайт. Больше не нужно искать рабочее!
Эксклюзивные промокоды и щедрые бонусы, включая бездепозитный бонус, чтобы играть бесплатно!
Подробный анализ игровых автоматов, слотов и шансов сорвать джекпот!
Инструкции, как правильно пройти регистрацию и начать играть в интернете на реальные деньги.
Возможность скачать приложение казино для игры в любое время и в любом месте.
Только честные и надежные казино, проверенные экспертами “Шаосин”!
Мы поможем вам:
Избежать мошенников.
Найти самые выгодные предложения.
Сорвать большой куш!
Не тратьте время на поиски! Подписывайтесь сейчас и начните играть с умом!
https://t.me/s/reyting_kazino_top
Станьте профессионалом в мире онлайн-казино!
What metropolis is considered the best place to eat a conventional b谩nh m矛 sandwich?
http://doxhealthpharm.com/# doxycycline 50 mg
Codigo promocional 1XBET 2025: GRATIS777. Use esse promo code no seu registro e libere ofertas de ate R$ 1200 para esportes e R$ 9500 no cassino. Codigo promocional para una apuesta combinada gratis a futbol compuesta por 3 eventos o mas y con cuotas por evento de 1.8 o superiores.
codigo promocional 1xbet ecuador
Codigo promocional 1XBET 2025: GRATIS777. Use esse promo code no seu registro e libere ofertas de ate R$ 1200 para esportes e R$ 9500 no cassino. Codigo promocional para una apuesta combinada gratis a futbol compuesta por 3 eventos o mas y con cuotas por evento de 1.8 o superiores.
1xbet codigo promocional e bonus de deposito
doxycyline: DoxHealthPharm – doxycycline 75 mg cost
zithromax 500 mg: ZithroPharm – zithromax over the counter canada
price of amoxicillin without insurance: generic amoxicillin 500mg – amoxicillin where to get
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт фотоаппаратов nikon в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
amoxicillin online canada AmoHealthPharm amoxicillin capsule 500mg price
The Best 2 In 1 Pram And Pushchair Tricks To Transform Your Life best 2 in 1 pram [https://telegra.ph/5-Facts-2-In-1-Car-Seat-Stroller-Is-Actually-A-Positive-Thing-05-29]
zithromax online usa: Zithro Pharm – zithromax tablets for sale
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт стиральных машин aeg цены, можете посмотреть на сайте: ремонт стиральных машин aeg
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
http://zithropharm.com/# zithromax 500mg over the counter
can you get clomid tablets: ClmHealthPharm – can you get clomid without a prescription
Upvc Door Hinge: The Ugly Reality About Upvc Door Hinge Casement window hinge Replacement
buy doxycycline tablets 100mg: DoxHealthPharm – doxycycline 25mg
amoxicillin brand name: Amo Health Pharm – amoxicillin 50 mg tablets
buy doxycycline tablets doxycycline prescription australia doxycycline capsules for sale
электрические гардины для штор электрические гардины для штор .
buy amoxicillin online without prescription: buy amoxicillin online without prescription – amoxicillin order online
where buy generic clomid prices: can i get cheap clomid without insurance – can you get clomid without prescription
buy generic augmentin – buy ketoconazole 200mg without prescription cheap duloxetine 40mg
https://clmhealthpharm.shop/# clomid otc
sildenafil otc
Хватит играть вслепую! Найди лучшее онлайн казино в 2025 году!
Хочешь играть и выигрывать реальные деньги в интернете, но боишься обмана? Устал искать рабочее зеркало любимого казино? Наш Telegram-канал – твой проводник в мир азарта!
Мы публикуем топ рейтинг лучших, честных и надежных онлайн казино с лицензией! Только проверенная информация о самых популярных платформах!
Что ты найдешь в нашем канале:
Объективный рейтинг онлайн казино на 2025 год.
Обзоры лучших и честных казино, проверенных экспертами.
Актуальные промокоды для получения бонусов.
Информация о бездепозитных бонусах, позволяющих играть бесплатно.
Полезные статьи о том, как найти официальный сайт или зеркало.
Инструкции по входу и регистрации на официальном сайте казино.
Обзоры игровых автоматов (слоты), стратегии игры и шансы сорвать джекпот.
Где скачать официальное приложение казино.
Больше не нужно тратить время на поиски! У нас есть все, что тебе нужно для успешной игры:
Надежные казино, гарантирующие выплаты.
Информация об играх, где можно выиграть реальные деньги.
Топ слоты и другие игровые предложения.
Подписывайся прямо сейчас и получи шанс сорвать джекпот! https://t.me/s/kazino_reyting_top
Не упусти свой шанс! Играй ответственно и только в лучших онлайн казино с нашей помощью!
An impressive share, I just now given this onto a colleague who had previously been conducting a little analysis during this. And he the fact is bought me breakfast due to the fact I ran across it for him.. smile. So allow me to reword that: Thnx for the treat! But yeah Thnkx for spending any time to talk about this, I’m strongly about it and really like reading regarding this topic. If it is possible, as you grow expertise, do you mind updating your site with a lot more details? It is highly of great help for me. Big thumb up just for this blog post!