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); //排序後：法国话,京片子,英语,中国,中文
регистрация рио бет казино https://bookparts.ru
Hi, I do believe this is a great site. I stumbledupon it 😉 I am going to revisit yet again since i have saved as a favorite it. Money and freedom is the greatest way to change, may you be rich and continue to help others.
Greetings! Very helpful advice in this particular article! It is the little changes that produce the most significant changes. Thanks a lot for sharing!
Защитите свою конфиденциальность с резидентским прокси, предлагаем этим инструментом.
В чем особенность резидентских прокси?, узнайте подробностями.
Как выбрать лучший резидентский прокси, советы для пользователей.
Для каких целей используют резидентские прокси?, подробнее ознакомьтесь с возможностями.
Как резидентские прокси обеспечивают безопасность?, обзор функций безопасности.
Какие риски может предотвратить резидентский прокси?, анализируем важные аспекты.
Какие преимущества дает использование резидентских прокси?, проанализируем основные плюсы.
Как улучшить скорость Интернета с резидентским прокси, советы для оптимизации работы.
Почему резидентский прокси стоит использовать для парсинга, обзор возможностей для парсеров.
Как оставаться анонимным в Интернете с резидентским прокси, шаги к безопасности онлайн.
Секреты эффективной работы в соцсетях с резидентским прокси, рекомендации функционала.
Зачем арендовать резидентские прокси и какие бонусы?, проанализируем лучшие варианты.
Как избежать DDoS с резидентским прокси?, анализируем меры безопасности.
Какие преимущества привлекают пользователей к резидентским прокси?, подробно изучим основные факторы.
Сравнение резидентских и дата-центровых прокси, советы для выбора.
резидентные прокси https://rezidentnieproksi.ru/ .
I love it when folks come together and share views. Great site, stick with it.
Follow Bernardo Silva’s impressive career https://manchester-city.bernardosilva.net from his debut at Monaco to to his status as a key player and leader of Manchester City.
From academy product to captain and leader of Real Madrid https://real-madrid.ikercasillas-br.com Casillas became one of the greatest players in the history of Real Madrid.
The fascinating story of Marcus Rashford’s rise https://manchester-united.marcusrashford-br.com from academy youth to the main striker and captain of Manchester United. Read about his meteoric rise and colorful career.
Cristiano Ronaldo https://al-nassr.cristianoronaldo-br.net one of the greatest football players of all time, begins a new chapter in his career by joining An Nasr Club.
Aw, this was a very nice post. Finding the time and actual effort to make a great article… but what can I say… I procrastinate a whole lot and don’t seem to get anything done.
Военный адвокат Запорожье. Бесплатная консультация
військовий адвокат отзывы
— это опытный специалист имеющий высшее юридическое образование, сдавший квалификационный государственный экзамен на право осуществления адвокатской деятельностью и специализирующийся в основном на военных делах
Вся правовая помощь военного адвоката осуществляется в индивидуальном порядке, грамотно, четко и в соответствии с действующими нормативно-правовыми актами.
Мы как военные юристы действуем не против органов Украины или министерства обороны, мы действуем во благо Украины — наших защитников и граждан Украины, которые попали в тяжелую жизненную ситуацию связанную с незнанием военного и действующего законодательства.
Поскольку, проявив патриотизм и чувство гражданской ответственности – став на защиту суверенитета страны, граждане участвующие и помогавшие в обороне после, становятся никому не нужными, особенно если военнослужащий стал инвалидом, потерял часть тела или конечность, и не может самостоятельно защитить свои права. Именно в таких ситуациях мы как военные адвокаты приходим на помощь, и добиваемся в установленном законом порядке справедливости, необходимых выплат, установление статуса, оформление пенсий, льгот и т.п.
Тоже касается, и получение отсрочки от мобилизации, когда например, безосновательно призывают сына у которого отец инвалид 2 группы, или мать прикованная из-за тяжелой болезни к постели, и требующая постороннего ухода. Это же относится и к военнослужащим, рапорта которых не регистрируются в канцелярии воинской части и полностью игнорируются, под прикрытием суеты боевых действий..
Именно в таких ситуациях, мы приходим на помощь и с помощью ЗАКОННЫХ методов правовой защиты, используя свой опыт полученный при ведении аналогичных военных дел добиваемся справедливости.
I truly love your site.. Very nice colors & theme. Did you build this website yourself? Please reply back as I’m wanting to create my own personal website and would like to learn where you got this from or just what the theme is called. Thanks.
I like it whenever people get together and share opinions. Great website, stick with it!
Everything is very open with a really clear description of the challenges. It was really informative. Your site is very useful. Thanks for sharing!
You’re so awesome! I do not believe I’ve truly read through a single thing like this before. So great to find somebody with original thoughts on this subject. Seriously.. thanks for starting this up. This website is something that’s needed on the internet, someone with a little originality.
купить дипломы о высшем в благовещенске ast-diplomas.com .
Explore the remarkable journey of Vinicius Junior https://real-madrid.vinicius-junior.net, the Brazilian prodigy who conquered the world’s biggest stage with his dazzling skills and unparalleled ambition at Real Madrid.
A fascinating story about Brazilian veteran Thiago Silva’s https://chelsea.thiago-silva.net difficult path to the top of European football as part of Chelsea London.
The fascinating story of the phenomenal rise and meteoric fall of Diego Maradona https://napoli.diegomaradona.biz, who became a cult figure at Napoli in the 1980s.
Rivaldo, or Rivaldo https://barcelona.rivaldo-br.com, is one of the greatest football players to ever play for Barcelona.
Преимущества аренды склада https://bro-droider.ru/2024/07/04/аренда-склада-от-собственника-в-новой/, как аренда складских помещений может улучшить ваш бизнес
Great info. Lucky me I came across your website by accident (stumbleupon). I’ve book-marked it for later.
Nice post. I learn something totally new and challenging on blogs I stumbleupon everyday. It’s always exciting to read articles from other authors and practice a little something from other sites.
order minoxidil online – proscar brand finasteride 5mg without prescription
The story of Kanye West https://the-college-dropout.kanye-west-fr.com, starting with his debut album “The College Dropout,” which changed hip-hop and became his cultural legacy.
Discover Rafael Nadal’s https://mls.inter-miami-fr.com impressive rise to the top of world tennis, from his debut to his career Grand Slam victory.
Tyson Fury https://wbc.tyson-fury-fr.com is the undefeated WBC world champion and reigns supreme in boxing’s heavyweight division.
Explore the career and significance of Monica Bellucci https://malena.monica-bellucci-fr.com in Malena (2000), which explores complex themes of beauty and human strength in wartime.
It’s nearly impossible to find knowledgeable people for this topic, however, you seem like you know what you’re talking about! Thanks
How To Get To Google Page 1 For Any Keyword 검색엔진최적화 대행사 (http://amodern.ru/)