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); //排序後:法国话,京片子,英语,中国,中文
alkozona http://alkozona.ru/ .
Получайте больше прибыли на onexbet, не отрываясь от компьютера.
onexbet – ваш шанс на богатство, где бы вы ни находились.
Победные ставки с onexbet, лучшие условия для игры.
Ощутите азарт игры с onexbet, и у вас не будет никаких сожалений.
onexbet – доверие и надежность, неизменно остаются важнейшими.
Готовы ли вы к большим выигрышам? Вам нужен onexbet, – надежный партнер на пути к успеху.
onexbet – ваш лучший друг и помощник в мире ставок, на который всегда можно положиться.
С onexbet вы всегда на шаг впереди, добивайтесь успеха вместе с onexbet.
onexbet – это не просто игра, это образ жизни, которая помогает вам реализовать себя.
Хотите изменить свою жизнь к лучшему? Начните с onexbet, и ваши мечты станут реальностью.
onexbet – это не просто сайт ставок, это ваша дорога к богатству, о котором мечтали.
Играя на onexbet, вы получаете неповторимые эмоции, но при этом ценит качество и надежность.
Качественные ставки на спорт только на onexbet, все это предоставлено для вас.
Готовы к новым достижениям? Начните с onexbet, и вы обязательно останетесь довольны.
onexbet app onexbet app .
Здесь можно домашние сейфы домашние сейфы
prescription for amoxicillin: can you buy amoxicillin over the counter in canada – buying amoxicillin online
Jugabet casino en vivo Jugabet casino en vivo .
alkozona alkozona.ru .
Jugabet bonos Jugabet bonos .
http://amoxstar.com/# amoxicillin script
Jugabet login Jugabet login .
Jega bet [url=http://jugabet9.com]Jega bet[/url] .
Bu casino’da slot oyunları oynamak çok keyifli ve kazançlı.
Jugabet juegos Jugabet juegos .
I’m not sure why but this web site is loading very slow for me. Is anyone else having this problem or is it a issue on my end? I’ll check back later on and see if the problem still exists.
Juegos de casino Jugabet Juegos de casino Jugabet .
That’s a wonderful event. How can one support it financially?
Thanks for this data I was searching all Search engines to be able to uncover it!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing сервис, можете посмотреть на сайте: ремонт телефонов nothing рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Jugabet casino en vivo Jugabet casino en vivo .
buy cipro without rx ci pharm delivery buy cipro cheap
Здесь можно сейф для оружия купитькупить сейф для ружья
Jugabet Jugabet .
Здесь можно где купить оружейный сейфсейфы для оружия интернет магазин
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали срочный ремонт телефонов samsung, можете посмотреть на сайте: ремонт телефонов samsung сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing, можете посмотреть на сайте: ремонт телефонов nothing сервис
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов nothing цены, можете посмотреть на сайте: ремонт телефонов nothing цены
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Предлагаем услуги профессиональных инженеров офицальной мастерской.
Еслли вы искали ремонт телефонов samsung рядом, можете посмотреть на сайте: срочный ремонт телефонов samsung
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Здесь можно оружейный шкаф сейф купитьшкафы оружейные и сейфы
Здесь можно купить сейф для ружья в москвесейф для ружья цена
промокод prodamus alhambra.bestforums.org/viewtopic.php?f=2&t=50755-00 .
промокод на продамус скидка подключение промокод на продамус скидка подключение .