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); //排序後：法国话,京片子,英语,中国,中文
The Complete List Of Nissan Qashqai Key Replacement Dos And Don’ts Replacement car key nissan
Здравствуйте!
Мы предлагаем дипломы любых профессий.
Покупка диплома, подтверждающего обучение в университете, – это выгодное решение.
windxp.com.ru/memddr.htm
Будем рады вам помочь!.
Your style is really unique compared to other people I have read stuff from. I appreciate you for posting when you have the opportunity, Guess I’ll just book mark this page.
7 Small Changes You Can Make That’ll Make The Biggest
Difference In Your Lg American Fridge Freezer Integrated Fridge Freezer American
Hi there, There’s no doubt that your site might be having browser compatibility problems. Whenever I take a look at your site in Safari, it looks fine however when opening in Internet Explorer, it has some overlapping issues. I just wanted to provide you with a quick heads up! Other than that, wonderful site.
An intriguing discussion is worth comment. There’s no doubt that that you should publish more on this subject matter, it might not be a taboo matter but generally people do not discuss these subjects. To the next! Kind regards!
Лучшие виды напольных плинтусов для вашего дома, чтобы сделать правильный выбор.
Какой цвет плинтуса выбрать для гармонии в интерьере, подчеркнуть дизайн помещения.
Как установить напольный плинтус своими руками, легко и быстро.
Почему плинтус сверкает в темноте, для удивительного эффекта.
Выбор между деревянным и пластиковым плинтусом, который важно учитывать при покупке.
Творческий подход к использованию плинтуса в интерьере, для создания уникального стиля.
Лучшие варианты плинтусов для ламинированных полов, с элегантным завершением пола.
Плинтус как элемент безопасности в доме, для защиты от скольжения.
Идеи декора с плинтусом, которые покорят вас своей оригинальностью.
Почему выбор правильного плинтуса важен для вашего дома, для создания гармонии в интерьере.
Лучшие способы украсить простой плинтус, которые преобразят ваш дом.
прогулочная коляска carrello прогулочная коляска carrello .
Добрый день!
Мы можем предложить дипломы любых профессий по выгодным ценам.
telegra.ph/vechernyaya-forma-obucheniya-v-medicinskom-vuze-08-02
I love it whenever people get together and share thoughts. Great website, continue the good work!
Здравствуйте!
Приобрести диплом о высшем образовании.
alphacs.ro/member.php?78892-lucymorFamup
I love it when folks come together and share opinions. Great blog, continue the good work!
The Companies That Are The Least Well-Known To Watch In The 8kw Multi Fuel Stoves Defra Approved Industry defra compliant stoves Uk
I blog quite often and I truly appreciate your content. This great article has really peaked my interest. I will book mark your website and keep checking for new information about once per week. I subscribed to your RSS feed as well.
Лучшие виды плинтусов для отделки пола, которые подойдут под любой интерьер|Практичные рекомендации по выбору плинтуса для пола, для придания завершенности интерьеру|Полезные советы по монтажу плинтусов для пола, для быстрого завершения ремонта|Лучшие способы покраски напольных плинтусов, для добавления ярких ноток в дом|Какие материалы лучше всего подходят для плинтусов, для обеспечения долговечности|Как сделать плинтус не только функциональным, но и декоративным элементом, для придания уникального шарма|Какие преимущества имеет использование плинтуса в отделке пола, для осознания важности деталей в дизайне|Лайфхаки по уходу за напольными плинтусами, для продления срока службы плинтусов|Как выбрать безопасные и гипоаллергенные плинтусы для детей, для создания безопасной среды для игр и развлечений|Топ-5 стильных цветов плинтусов для разных помещений, для придания интерьеру завершенности и стиля|Советы по выбору плинтусов, которые помогут скрыть недостатки пола, для придания гладкости и аккуратности|Советы по подбору ярких и нестандартных решений для плинтусов, для создания необычных дизайнерских решений|Идеи для гармоничного сочетания плинтусов с низкими потолками, для визуального увеличения пространства|Как оформить углы с помощью плинтусов без видимых швов, для создания аккуратных и эстетичных деталей|Идеи для декорирования плинтусов в сочетании с кафелем, для придания ванной комнате свежего и элегантного вида|Как сделать плинтусы незаметными в интерьере
купить плинтус широкий купить плинтус широкий .
One Of The Most Innovative Things Happening With Mazda 2 Key Fob Replacement programming
https://www.bonuscodes.com/melbet-promo-code-5 – 8 летние девушки порно
Военный адвокат Запорожье. Бесплатная консультация
адвокат отмена штрафа ТЦК
— это опытный специалист имеющий высшее юридическое образование, сдавший квалификационный государственный экзамен на право осуществления адвокатской деятельностью и специализирующийся в основном на военных делах
Вся правовая помощь военного адвоката осуществляется в индивидуальном порядке, грамотно, четко и в соответствии с действующими нормативно-правовыми актами.
Мы как военные юристы действуем не против органов Украины или министерства обороны, мы действуем во благо Украины — наших защитников и граждан Украины, которые попали в тяжелую жизненную ситуацию связанную с незнанием военного и действующего законодательства.
Поскольку, проявив патриотизм и чувство гражданской ответственности – став на защиту суверенитета страны, граждане участвующие и помогавшие в обороне после, становятся никому не нужными, особенно если военнослужащий стал инвалидом, потерял часть тела или конечность, и не может самостоятельно защитить свои права. Именно в таких ситуациях мы как военные адвокаты приходим на помощь, и добиваемся в установленном законом порядке справедливости, необходимых выплат, установление статуса, оформление пенсий, льгот и т.п.
Тоже касается, и получение отсрочки от мобилизации, когда например, безосновательно призывают сына у которого отец инвалид 2 группы, или мать прикованная из-за тяжелой болезни к постели, и требующая постороннего ухода. Это же относится и к военнослужащим, рапорта которых не регистрируются в канцелярии воинской части и полностью игнорируются, под прикрытием суеты боевых действий..
Именно в таких ситуациях, мы приходим на помощь и с помощью ЗАКОННЫХ методов правовой защиты, используя свой опыт полученный при ведении аналогичных военных дел добиваемся справедливости.
Добрый день!
Реально ли приобрести диплом стоматолога? Основные этапы
империя-звука.рф/product/163/reviews
Окажем помощь!.
Привет!
Приобретение школьного аттестата с официальным упрощенным обучением в Москве
fond.uni-altai.ru/index.php?subaction=userinfo&user=umurezek
I was studying some of your blog posts on this internet site and I believe
this site is rattling informative! Retain posting.
Travel blog
Советы по выбору напольного плинтуса, чтобы сделать правильный выбор.
Какой цвет плинтуса выбрать для гармонии в интерьере, которые помогут вам принять решение.
Как установить напольный плинтус своими руками, легко и быстро.
Почему плинтус сверкает в темноте, для создания уютной атмосферы.
Лучшие материалы для изготовления напольных плинтусов, для долговечности и красоты.
Творческий подход к использованию плинтуса в интерьере, для оригинального оформления помещения.
Советы по подбору и установке плинтуса для ламината, для создания идеального сочетания цветов.
Зачем нужен плинтус в интерьере помещения, для предотвращения травм.
Идеи декора с плинтусом, которые покорят вас своей оригинальностью.
Почему выбор правильного плинтуса важен для вашего дома, которые учесть необходимо.
Лучшие способы украсить простой плинтус, для создания оригинального интерьера.
carrello astra carrello astra .
What Is ADHD Treatment For Adults? History Of ADHD Treatment
For Adults What Is Adhd Treatment For Adults
Здравствуйте!
Купить документ ВУЗа.
Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по выгодным ценам.
ekonty.com/blogs/view/58699
Поможем вам всегда!.
Привет, друзья!
Приобрести диплом ВУЗа.
telegra.ph/prohodnye-bally-na-platnoe-obuchenie-v-medicinskie-vuzy-08-02
Technology Is Making Bromley Door And Window Better Or Worse?
Sash window refurbishments Bromley
Здравствуйте!
Заказать диплом академии
telegra.ph/olimpiady-dlya-postupleniya-v-vuzy-kazahstana-08-02
Привет, друзья!
Диплом любой специальности
telegra.ph/prohodnye-bally-na-platnoe-obuchenie-v-medicinskie-vuzy-08-02
Привет!
Купить документ ВУЗа вы сможете у нас в столице.
clear.rusoft.ru/2011/10/2-dart
Добрый день!
Мы готовы предложить документы техникумов
farescouture.com/fares-boutique/boutique-garcon-chaussures-espadrilles/#comment-494043
Добрый день!
Полезная информация как официально купить диплом о высшем образовании
magadan-mebel.ru/forum/user/1017