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); //排序後：法国话,京片子,英语,中国,中文
Right here is the right site for anyone who really wants to understand this topic. You realize so much its almost hard to argue with you (not that I actually will need to…HaHa). You certainly put a new spin on a subject which has been discussed for ages. Excellent stuff, just excellent.
The 10 Scariest Things About Composite Door Frame Repair composite door Frame repair
Tips For Having A Fun Hen Party In Dublin 부산오피
farmacie online autorizzate elenco: Farmacia online piu conveniente – comprare farmaci online all’estero
7к казино регистрация 7к казино регистрация .
ムーンプリンセス デモは、初心者と経験豊富なプレイヤーの両方にとって、金銭的リスクなしでゲームのすべてのニュアンスを学ぶ絶好の機会です。ムーンプリンセス デモでは、ルールを詳しく学び、ボーナス機能の出現頻度を調査し、スロットのボラティリティを評価することができます。これにより、独自の戦略を開発し、ムーンプリンセスの特別な機能がどのように活性化されるかを理解し、実際の賭けを行う前にカスケード勝利のダイナミクスを感じることができます。 オンラインカジノ ムーンプリンセス
日本とスカンジナビア諸国では、ムーンプリンセススロットが真の人気を博し、地元のプレイヤーの心を捉えました。この人気の理由は、現代のアニメスタイルで再解釈された神話の要素と革新的なゲームプレイのユニークな組み合わせにあります。高品質でオリジナルなゲーム製品への愛情で知られる日本のプレイヤーは、開発者の非標準的なアプローチを評価しました。魔法、鮮やかな女性キャラクター、カラフルなグラフィックス、そして本当に大きな賞金を獲得する可能性 – これがこのスロットの人気の秘密です。 ムーンプリンセス
сервисный центре предлагает ремонт матрицы телевизора – ремонт телевизоров в москве недорого
7к казино отзывы 7к казино отзывы .
15 Gifts For The Upvc Window Locks Lover In Your
Life Upvc Window Seal
7 Simple Changes That Will Make The Difference With Your
Asbestos Mesothelioma mesothelioma attorney (Candra)
Советы по выбору черного плинтуса для дома, Плюсы и минусы черного плинтуса, Топ-10 дизайнерских идей с черным плинтусом, Секреты ухода за черным плинтусом, Советы по подбору черного плинтуса для дома, Преимущества черного плинтуса перед другими цветами, Современные тренды в использовании черного плинтуса, Какие фактуры черного плинтуса пользуются популярностью, Как добавить черный плинтус в классическую обстановку, Черный плинтус: акцент или фоновый элемент, Черный плинтус: смелый шаг или классический выбор, Черный плинтус в королевском стиле: особенности декорирования, Черный плинтус: отличие от других видов плинтусов, Черный плинтус на стенах: стройность и элегантность, Черный плинтус в кухонном дизайне: советы по выбору, Черный плинтус: загадочный акцент в спальне, Как создать уютную атмосферу с черным плинтусом, Сочетание черного плинтуса с другими декоративными элементами, Идеи декорирования с помощью черного плинтуса
плинтус для столешницы алюминиевый черный плинтус для столешницы алюминиевый черный .
Can I simply say what a relief to uncover somebody that truly knows what they are talking about online. You actually understand how to bring a problem to light and make it important. More people ought to look at this and understand this side of your story. I was surprised you are not more popular because you definitely possess the gift.
The Top Dealing With ADHD Without Medication Gurus Are Doing Three Things Remedies For Adhd In Adults
migliori farmacie online 2024: Farmacia online piu conveniente – acquistare farmaci senza ricetta
The good news is that if a UTI is caught early it should be easy to treat with antibiotics.
The price of global online pharmacy at consistently low prices
For more prolonged or severe cases of depression, it may be necessary to seek the advice of a healthcare professional and possibly seek pharmaceutical options, though these carry the most risk of undesirable side effects.
The flu is a progressive illness, and its symptoms tend to get worse before they get better.
Powerful treatment is available when you vardenafil (levitra) sent immediately to avoid delay in treatment
With this in mind, anxiety is not a force or ‘thing’ in itself.
Everything is very open with a very clear clarification of the issues. It was truly informative. Your site is very helpful. Thanks for sharing.
Что такое смешной анекдот? История свежего анекдота, какие бывают.
Как выбрать черный плинтус для вашего интерьера, Плюсы и минусы черного плинтуса, Топ-10 дизайнерских идей с черным плинтусом, Секреты ухода за черным плинтусом, Черный плинтус: детали, на которые стоит обратить внимание, Зачем выбирать черный плинтус для интерьера, Интересные варианты применения черного плинтуса в интерьере, Какие фактуры черного плинтуса пользуются популярностью, Как добавить черный плинтус в классическую обстановку, Как использовать черный плинтус для создания атмосферы, Почему черный плинтус становится все популярнее, Черный плинтус как элемент роскоши в интерьере, Сравнение черного плинтуса с другими цветами, Черный плинтус на стенах: стройность и элегантность, Идеи использования черного плинтуса на кухне, Черный плинтус: загадочный акцент в спальне, Черный плинтус в гостиной: респектабельность и стиль, Строгие черные линии в ванной: черный плинтус как элемент дизайна, Идеи декорирования с помощью черного плинтуса
плинтус пластиковый черный https://plintus-aljuminievyj-chernyj.ru/ .
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт техники в воронеже
Сервисный центр предлагает ремонт квадрокоптера udi rc на дому ремонт квадрокоптера udi rc в петербурге
order cefdinir 300mg pills – cleocin online order
I blog frequently and I really thank you for your information. The article has really peaked my interest. I will bookmark your blog and keep checking for new information about once a week. I subscribed to your Feed as well.
Test: How Much Do You Know About Anxiety Symptoms
Women? Bowel Anxiety Symptoms; Articlescad.Com,
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем:ремонт крупногабаритной техники в ростове на дону
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
The 3 Wheeler Pushchairs Case Study You’ll Never Forget 3 wheel buggy for sale (Sherri)
comprare farmaci online all’estero: BRUFEN 600 bustine prezzo – Farmacie online sicure
Find Out What Toto The Celebs Are Using 토토사이트 꽁머니; Yvette,
There’s definately a great deal to find out about this topic. I love all the points you have made.