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); //排序後:法国话,京片子,英语,中国,中文
Its like you read my mind! You appear to know a lot about this, like you wrote the book in it or something. I think that you could do with some pics to drive the message home a little bit, but instead of that, this is magnificent blog. A great read. I’ll certainly be back.
#be#jk3#jk#jk#JK##
временный номер телефона сша
Приветики!
где купить диплом
Желаю любому отличных отметок!
http://alter-energo.ru/topic2672.html?&p=47283
купить диплом нового образца
купить диплом ссср
купить диплом специалиста
involuntary jerking wellbutrin
Привет, дорогой читатель!
купить диплом о среднем образовании
Желаю любому пятерошных) отметок!
https://dancerussia.ru/forum/viewtopic.php?f=17&t=16180
где купить диплом
купить диплом техникума
купить диплом университета
Добрый день всем!
купить аттестат
Желаю каждому прекрасных отметок!
https://tostadofoods.com/%D0%BA%D1%83%D0%BF%D0%B8%D1%82%D1%8C-%D0%B4%D0%B8%D0%BF%D0%BB%D0%BE%D0%BC-%D0%BE-%D0%B2%D1%8B%D1%81%D1%88%D0%B5%D0%BC-%D0%BE%D0%B1%D1%80%D0%B0%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B8-%D0%BA%D1%83/
купить диплом нового образца
купить диплом Гознак
купить диплом о среднем образовании
zyprexa classification
Good post but I was wondering if you could write a litte more on this subject? I’d be very thankful if you could elaborate a little bit more. Kudos!
#be#jk3#jk#jk#JK##
купить виртуальный номер Швеции
PBN sites
We will generate a web of self-owned blog network sites!
Advantages of our privately-owned blog network:
We perform everything so google doesn’t understand that this is A PBN network!!!
1- We obtain domains from various registrars
2- The leading site is hosted on a VPS server (Virtual Private Server is fast hosting)
3- The rest of the sites are on different hostings
4- We designate a separate Google ID to each site with confirmation in Search Console.
5- We make websites on WordPress, we don’t utilize plugins with assistance from which malware penetrate and through which pages on your websites are generated.
6- We refrain from repeat templates and employ only exclusive text and pictures
We do not work with website design; the client, if desired, can then edit the websites to suit his wishes
hamilelikte zofran kullanan var mД±
Привет, дорогой читатель!
купить аттестат школы
Желаю всем нужных оценок!
https://dancerussia.ru/forum/viewtopic.php?t=16180
купить диплом специалиста
купить диплом ссср
где купить диплом
repaglinide 1mg sale – order repaglinide 1mg order jardiance 25mg online
It’s a game. Five dollars is free. Try it It’s not an easy game
->-> 토토사이트 .COM
voltaren emulgel 30gr tube (generic
Привет всем!
купить диплом института
Желаю любому отличных оценок!
http://alter-energo.ru/topic2672.html
купить диплом техникума
купить диплом магистра
купить диплом Гознак
Здравствуйте!
Бывало ли у вас такое, что приходилось писать дипломную работу в очень ограниченные сроки? Это действительно требует большой ответственности и тяжелого труда, но важно не сдаваться и продолжать активно заниматься учебными процессами, так же, как и я.
Для тех, кто умеет эффективно использовать интернет для поиска и анализа информации, это действительно облегчает процесс согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями по ссылке , это проверенный способ!
http://forum.fiat-club.ru/blog_post.php?do=updateblog&blogid=
купить диплом Гознак
купить диплом специалиста
купить диплом в Москве
купить диплом ссср
купить диплом магистра
Желаю всем положительных отметок!
Здравствуйте!
Бывало ли у вас такое, что приходилось писать дипломную работу в очень ограниченные сроки? Это действительно требует большой ответственности и тяжелого труда, но важно не сдаваться и продолжать активно заниматься учебными процессами, так же, как и я.
Для тех, кто умеет эффективно использовать интернет для поиска и анализа информации, это действительно облегчает процесс согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями по ссылке , это проверенный способ!
https://sobrouremedio.com.br/author/leandrooppe/
купить диплом Гознак
купить диплом Вуза
где купить диплом
купить диплом
купить диплом магистра
Желаю всем положительных отметок!
Доброго всем дня!
Было ли у вас опыт написания дипломной работы в крайне сжатые сроки? Это действительно требует огромной ответственности и трудоемкости, однако важно сохранять упорство и продолжать активно участвовать в учебном процессе, как я это делаю.
Для тех, кто умеет эффективно искать и анализировать информацию в интернете, это действительно помогает в процессе согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или организацию встреч с научным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями по ссылке , это проверенный источник!
http://blacksunempire.mybb.ru/viewtopic.php?id=354#p735
купить аттестат школы
купить диплом о высшем образовании
купить диплом колледжа
купить диплом о среднем специальном
купить диплом университета
Желаю любому отличных отметок!
venlafaxine er prices
tamsulosin appearance