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); //排序後：法国话,京片子,英语,中国,中文
Профессиональный сервисный центр по ремонту планшетов в том числе Apple iPad.
Мы предлагаем: сервис по ремонту ipad
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
{Tôi rất vui khám phá trang web tuyệt vời này. Tôi muốn cảm ơn bạn {vì đã|dành thời gian cho|chỉ vì điều này|vì điều này|cho bài đọc tuyệt vời này!! Tôi chắc chắn thực sự thích từng một phần nó và tôi đã đã lưu vào mục ưa thích để xem những thứ mới trên trang web của bạn.|Tôi có thể chỉ nói rằng thật thoải mái để khám phá một người mà thực sự hiểu họ là gì đang nói về trực tuyến. Bạn chắc chắn hiểu cách đưa một vấn đề ra ánh sáng và làm cho nó trở nên quan trọng. Nhiều người hơn cần phải đọc điều này và hiểu khía cạnh này câu chuyện của bạn. Tôi đã ngạc nhiên bạn không nổi tiếng hơn cho rằng bạn chắc chắn sở hữu món quà.|Rất hay bài đăng. Tôi chắc chắn yêu thích trang web này. Tiếp tục với nó!|Thật khó tìm những người có kinh nghiệm trong chủ đề cụ thể này, nhưng bạn có vẻ bạn biết mình đang nói gì! Cảm ơn|Bạn cần tham gia một cuộc thi dành cho một blog trên web hữu ích nhất. Tôi sẽ Rất khuyến nghị trang web này!|Một hấp dẫn chắc chắn đáng giá bình luận. Tôi nghĩ rằng bạn nên viết thêm về chủ đề này, nó có thể không là một điều cấm kỵ vấn đề nhưng thường xuyên mọi người không nói về chủ đề những điều này. Đến phần tiếp theo! Chúc mọi điều tốt đẹp nhất.|Chào bạn! Tôi chỉ muốn đề nghị rất cho thông tin xuất sắc bạn có ở đây trên bài đăng này. Tôi sẽ là trở lại trang web của bạn để biết thêm thông tin sớm nhất.|Khi tôi ban đầu để lại bình luận tôi có vẻ như đã nhấp vào hộp kiểm -Thông báo cho tôi khi có bình luận mới- và bây giờ mỗi lần được thêm vào tôi nhận được 4 email có cùng nội dung. Có một phương tiện bạn có thể xóa tôi khỏi dịch vụ đó không? Cảm ơn rất nhiều.|Lần sau nữa Tôi đọc một blog, Tôi hy vọng rằng nó sẽ không làm tôi thất vọng nhiều như bài này. Ý tôi là, Vâng, đó là sự lựa chọn của tôi để đọc, nhưng tôi thực sự nghĩ bạn sẽ có điều gì đó thú vị để nói. Tất cả những gì tôi nghe được là một loạt khóc lóc về điều gì đó mà bạn có thể sửa nếu bạn không quá bận tìm kiếm sự chú ý.|Đúng với bài viết này, tôi nghiêm túc nghĩ trang web này cần nhiều hơn nữa sự chú ý.
Очистка пожар https://uborka-posle-pozhara-495.ru/
двухконтурный котел
Получите эксклюзивный cryptoboss casino промокод|Уникальный шанс с промокодом на cryptoboss casino
Играйте в cryptoboss casino с привлекательным промокодом|Используйте промокод в cryptoboss casino и увеличьте свои шансы на победу
Успейте воспользоваться привилегией cryptoboss casino промокода|Играйте в cryptoboss casino с бонусным кодом
cryptoboss casino промокод – ваш ключ к выигрышу|Бонус при регистрации в cryptoboss casino с промокодом
криптобосс промокод на увеличение выигрыша криптобосс промокод на дополнительные акции .
Играйте в cryptoboss casino с преимуществом промокода
Используйте cryptoboss casino промокод для увеличения выигрыша
Регулярные акции и промокоды для cryptoboss casino|cryptoboss casino – преимущества промокодов
Играйте в cryptoboss casino с бонусным промокодом для победы|cryptoboss casino – ваши шансы на победу с промокодами|Бонусная программа cryptoboss casino с уникальным промокодом|Уникальное предложение от cryptoboss casino с промокодом|Получите уникальные бонусы в cryptoboss casino по промокоду|Бонусы и привилегии с cryptoboss casino промокодом|Эксклюзивный cryptoboss casino промокод – ваш путь к победе|Уникальное предложение для игроков cryptoboss casino: промокод|cryptoboss casino – ваша удача по промокоду|cryptoboss casino промокоды – ваш путь к успеху|Играйте в cryptoboss casino с преимуществами промокода|cryptoboss casino промокод – ваш ключ к победе|Играйте в cryptoboss casino с дополнительными бонусами по промокоду|Успейте активировать cryptoboss casino промокод для дополнительных выигрышей|Получите дополнительные бонусы в cryptoboss casino с промокодом|Уникальные предложения от cryptoboss casino с промокодом|Играйте в cryptoboss casino с дополнительными преимуществами промокода|Играйте в cryptoboss casino с уникальным промокодом для успеха
тепловентилятор
I like it when folks get together and share opinions. Great blog, keep it up!
rybelsus generic: Buy compounded semaglutide online – buy rybelsus
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники в воронеже
проверь свою удачу
Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт macbook air m1
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: профессиональный ремонт макбуков
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
ventolin 4 mg tabs: buy albuterol inhaler – ventolin hfa price
7 Essential Tips For Making The Most Of Your ADHD Test Private Private assessment for adhd Cost (naturalbookmarks.Com)
Промокод при регистрации позволит получить подарки – это и бонусное пополнение счета, и бесплатные ставки. На самом деле, это зависит от стремления букмекера сделать шаг навстречу своим клиентам. Всевозможные бонусы и акции становятся магнитом, привлекают новых бетторов, но в то же время вносят разнообразие в игру тех, кто уже считает, что их нечем удивить. Чтобы новый игрок получил на счет приветственный бонус, он должен ввести рабочий промокод для в соответствующее поле в регистрационной анкете. Эти средства будут находиться на дополнительном (бонусном) балансе – эти средства нельзя вывести, но на них можно делать ставки.
Greetings! Very useful advice in this particular post! It is the little changes that make the biggest changes. Thanks for sharing!
Five Killer Quora Answers To Spare Van Keys spare van keys; Ewan,
лучшие капперы россии лучшие капперы россии .
Сайт о биодобавках https://биодобавки.рф предлагает проверенную информацию о натуральных добавках для здоровья. Узнайте, как выбрать подходящие средства для улучшения иммунитета, повышения энергии и поддержания активного образа жизни. Подробные описания и советы помогут сделать осознанный выбор.
gabapentin 300: where can i buy neurontin from canada – neurontin tablets uk
лучшие капперы россии лучшие капперы россии .
лучшие капперы мира лучшие капперы мира .
Зума
Five Private ADHD Assessment Near Me Lessons From The Pros
adhd private assessment near me (Thorsten)
Как поднять настроение с помошью смешных картинок. прикольные картинки
https://allods.my.games/forum/index.php?page=User&userID=157454
prednisone 5mg over the counter: generic prednisone online – canada buy prednisone online
Бетон от надежного производителя в Нижнем Новгороде, Широкий выбор бетонных смесей в Нижнем Новгороде, Бетон в Нижнем Новгороде: актуальные предложения, доставка в удобное время, Купить бетон на заводе в Нижнем Новгороде, Купить бетон оптом в Нижнем Новгороде: лучшие предложения, Заказать специальный бетон в Нижнем Новгороде, с индивидуальным подходом, по доступной цене
бетон купить в нижнем новгороде https://1beton-52.ru/ .
insta stories insta stories .
лучшие капперы мира лучшие капперы мира .