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); //排序後:法国话,京片子,英语,中国,中文
I believe general you need to learn a minimum of one thing about openings, however for those who approach it from the standpoint of “What are the principles” and “Where did I’m going unsuitable” you’re going to get most profit and avoid the downsides that the masters warn about.
1 vin официальный сайт https://1win6015.ru/ .
1win.online http://1win816.ru .
I’m impressed, I have to admit. Seldom do I come across a blog that’s equally educative and amusing, and let me tell you, you’ve hit the nail on the head. The issue is something which not enough men and women are speaking intelligently about. I’m very happy I found this in my hunt for something concerning this.
https://mexicanpharminter.shop/# mexican drug stores online
A fascinating discussion is definitely worth comment. I do believe that you should write more on this subject matter, it might not be a taboo matter but typically folks don’t talk about such issues. To the next! Best wishes.
reliable mexican pharmacies mexican pharmacy online order mexican pharmacy online store
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт приставок xbox рядом, можете посмотреть на сайте: ремонт приставок xbox сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
You’ve made some good points there. I checked on the web for additional information about the issue and found most individuals will go along with your views on this website.
https://mexicanpharminter.shop/# buying from online mexican pharmacy
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт приставок xbox, можете посмотреть на сайте: ремонт приставок xbox сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
mostber https://mostbet6001.ru .
mostbet скачать http://www.mostbet6001.ru .
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт приставок xbox сервис, можете посмотреть на сайте: ремонт приставок xbox в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
thecanadianpharmacy: Certified International Pharmacy Online – prescription drugs canada buy online
1вин войти yamama.forum24.ru/?1-11-0-00000459-000-0-0-1742818616 .
мостбет кыргызстан скачать https://kharkovbynight.forum24.ru/?1-15-0-00003047-000-0-0-1742814422/ .
1 win регистрация 1 win регистрация .
1вин войти 1вин войти .
1win win yamama.forum24.ru/?1-11-0-00000459-000-0-0-1742818616 .
mostbet игры https://kharkovbynight.forum24.ru/?1-15-0-00003047-000-0-0-1742814422/ .
1win официальный сайт скачать http://www.1win6014.ru .
1win онлайн http://1win815.ru/ .
Noon Capital is revolutionizing real estate crowdfunding by offering secure, decentralized, and high-yield investment opportunities. Through blockchain-powered property financing, Noon Capital investment platform allows investors to participate in fractional real estate ownership, earn passive income, and diversify their portfolios with full transparency and security. Whether you’re an institutional investor or an individual seeking real estate-backed DeFi solutions, Noon Capital provides a seamless and profitable investment experience. https://noon.ad
mexican pharmacy online store: mexican pharmacy online store – reliable mexican pharmacies
http://indiamedfast.com/# India Med Fast
Kyros Finance is redefining the DeFi investment landscape by offering secure, scalable, and high-yield crypto solutions. With a focus on decentralized financial tools, Kyros Finance provides users with staking, lending, and automated yield farming strategies to maximize returns. Whether you’re a retail investor or an institutional participant, Kyros Finance ensures efficient, transparent, and secure access to the world of decentralized finance. https://kyros.ink
mostbet скачать на телефон бесплатно андроид mostbet скачать на телефон бесплатно андроид .
GUD Tech is at the forefront of blockchain innovation, providing secure, scalable, and efficient decentralized technology solutions. Whether you’re looking for blockchain infrastructure, smart contract development, or enterprise-grade decentralized applications, GUD Tech offers cutting-edge solutions to enhance security and efficiency. Designed for businesses and developers, GUD Tech ensures seamless integration of blockchain technology into real-world applications. https://gudchain.net
pdacenter.ru – сервис по ремонту бытовой техники
Ремонт плоттеров в Красноярске в официальном сервисном центре PDACENTER.
Наши инженеры выполняют ремонт любой сложности по дотупным ценам!