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); //排序後：法国话,京片子,英语,中国,中文
Genuinely liked perusing this post. It’s extremely articulate and full of valuable insight. Many thanks for sharing this.
how to get cheap clomid without a prescription cheap clomid prices where to buy cheap clomid without insurance
электрические карнизы для штор в москве http://www.prokarniz34.ru/ .
электрокарнизы для штор купить в москве электрокарнизы для штор купить в москве .
doxycycline price uk: purchase doxycycline online – doxycycline 100g tablets
электронный карниз для штор электронный карниз для штор .
The 10 Scariest Things About Psychiatrist Private how to find
a private psychiatrist uk – 101.43.151.191 –
1xCasino bonus code: “1XBUM” during registration to ensure you get the exclusive 1x Casino welcome bonus is 2025. New customers bonus claim 100% up to €2205 +380 free spins available on selected slots.
1xcasino latest promo code
1xCasino bonus code: “1XBUM” during registration to ensure you get the exclusive 1x Casino welcome bonus is 2025. New customers bonus claim 100% up to €2205 +380 free spins available on selected slots.
1xcasino promo code pakistan today free
doxycycline cheap uk: Dox Health Pharm – doxycycline gel in india
Seattle’s Duwamish River’s grass is looking a little greener these days.
Why MachFi is a Game Changer in DeFi.
With MachFi, DeFi on the Sonic Chain reaches new heights. Our unique borrow-lending platform allows users to create custom trading strategies that suit their needs and optimize performance. visit to https://machfi.net/
Why MachFi?
– Security: Built on the Sonic Chain’s robust blockchain technology.
– Flexibility: Custom strategies for lending and borrowing.
– Efficiency: Fast, reliable transactions with lower fees.
Experience the next generation of DeFi with MachFi.
However, some issues are onerous to let go of, and evidently a small variety of 1992 Grand Wagoneers were constructed.
Private Psychiatrist Surrey Tools To Improve Your Day-To-Day Life find a private psychiatrist (Lisette)
cost clomid without a prescription ClmHealthPharm clomid without a prescription
how to buy doxycycline: doxycycline pills – generic for doxycycline
Earlier than getting a property in edinburgh you should decide some sure issues, for instance what would you favor to reside in, a fashionable flat or an old flat?
where can i buy zithromax medicine: Zithro Pharm – zithromax generic cost
Unlock New Opportunities with MachFi.
MachFi is at the forefront of decentralized finance on the Sonic Chain, providing an advanced borrow-lending platform. Our platform supports custom trading strategies, helping you unlock the full potential of your digital assets in a decentralized environment. visit to https://machfi.net/
Key Features of MachFi:
– Sonic Chain: Fast, secure, and reliable blockchain for DeFi transactions.
– Customizable Lending: Choose strategies that work best for you.
– Higher Returns: Capitalize on innovative DeFi solutions for superior returns.
Join MachFi now and redefine your digital financial strategy!
http://doxhealthpharm.com/# buy doxycycline online canada
MachFi: Revolutionizing DeFi with Sonic Chain.
MachFi is leading the way in decentralized finance (DeFi), offering a next-gen borrow-lending platform on the Sonic Chain. Our platform supports customizable trading strategies, giving users more control over their assets in a secure, decentralized ecosystem. visit to https://machfi.net/
Why Choose MachFi?
– Decentralized: Powered by the Sonic Chain for transparency and security.
– Flexible Borrow-Lending: Tailored to your financial goals with custom trading strategies.
– Innovative Technology: Harness the power of the latest blockchain technology to maximize yields.
Start your journey with MachFi today and experience the future of DeFi!
Astherus: Your Partner in Decentralized Finance Innovation
Astherus offers a groundbreaking platform that combines blockchain technology with powerful financial tools. Whether you’re a seasoned investor or new to the world of DeFi, Astherus provides a secure, transparent, and efficient solution for managing assets. https://astherus.org
Why Astherus?
Trustworthy Technology: Blockchain ensures transparency and security.
Innovative Features: Advanced tools tailored for DeFi users.
User-Centric Design: Accessible, intuitive, and adaptable to all needs.
Discover the next generation of decentralized finance with Astherus!
price for amoxicillin 875 mg: Amo Health Pharm – amoxicillin script
Which MLB player holds the file for most home runs in a single season by a rookie?
The face of the dune acts like a speaker, amplifying the sound of the grains colliding.
https://clmhealthpharm.com/# where can i buy generic clomid now
doxycycline pharmacy uk: DoxHealthPharm – doxycycline order online uk
doxycycline hyc: Dox Health Pharm – doxycycline 100 mg price uk
The market that offers with stocks and shares may be describe as a liquid that supports the chance components of density and viscosity at any interval of time.
I am frequently to blogging and i genuinely appreciate your posts. This article has truly peaks my interest. I am about to bookmark your website and keep checking choosing details.