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); //排序後：法国话,京片子,英语,中国,中文
В нашем обществе, где диплом становится началом отличной карьеры в любой сфере, многие стараются найти максимально быстрый путь получения качественного образования. Факт наличия официального документа об образовании сложно переоценить. Ведь диплом открывает дверь перед любым человеком, который собирается начать трудовую деятельность или продолжить обучение в университете.
Предлагаем оперативно получить этот важный документ. Вы имеете возможность приобрести диплом, и это будет отличным решением для человека, который не смог закончить образование, потерял документ или желает исправить свои оценки. Все дипломы изготавливаются с особой аккуратностью, вниманием ко всем нюансам, чтобы в итоге получился 100% оригинальный документ.
Превосходство такого подхода заключается не только в том, что можно максимально быстро получить диплом. Процесс организован комфортно, с профессиональной поддержкой. Начиная от выбора требуемого образца до консультаций по заполнению персональной информации и доставки в любое место страны — все под абсолютным контролем качественных специалистов.
Для всех, кто хочет найти максимально быстрый способ получить требуемый документ, наша компания может предложить выгодное решение. Купить диплом – значит избежать продолжительного процесса обучения и не теряя времени переходить к достижению своих целей, будь то поступление в ВУЗ или начало карьеры.
https://diploman-rossiya.com
Ремонт Коттеджа Алматы – от идеи до реализации. Надежно, качественно и в срок. Мы предлагаем полный спектр услуг: от дизайна интерьера до отделочных работ любой сложности. Доверьте свой ремонт опытным специалистам и получите идеальный результат.
buy ketoconazole for sale – sporanox 100 mg for sale order sporanox 100 mg online cheap
Today, while I was at work, my sister stole my iphone and tested to see if it can survive a thirty foot drop, just so she can be a youtube sensation. My apple ipad is now broken and she has 83 views. I know this is totally off topic but I had to share it with someone!
полумаска фильтрующая с клапаном
order generic semaglutide 14 mg – glucovance tablet buy DDAVP online
zetia discount card
lamisil 250mg sale – terbinafine online griseofulvin ca
zyprexa price
zofran baby side effects
PBN sites
We establish a web of self-owned blog network sites!
Advantages of our private blog network:
We carry out everything so Google doesn’t comprehend that this is A PBN network!!!
1- We acquire domain names from various registrars
2- The leading site is hosted on a virtual private server (Virtual Private Server is rapid hosting)
3- Other sites are on various hostings
4- We designate a distinct Google profile to each site with confirmation in Google Search Console.
5- We develop websites on WordPress, we do not utilise plugins with assistance from which malware penetrate and through which pages on your websites are produced.
6- We do not repeat templates and use only unique text and pictures
We don’t work with website design; the client, if desired, can then edit the websites to suit his wishes
glucophage for sale online – buy sitagliptin 100 mg for sale order acarbose 25mg generic
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