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); //排序後：法国话,京片子,英语,中国,中文
Zooma
лучшие капперы россии лучшие капперы россии .
casino 7k
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт macbook
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
This website truly has all of the information I needed concerning this subject and didn’t know who to ask.
An outstanding share! I have just forwarded this onto a friend who had been conducting a little research on this. And he in fact bought me lunch due to the fact that I found it for him… lol. So allow me to reword this…. Thank YOU for the meal!! But yeah, thanx for spending some time to talk about this issue here on your internet site.
Why Do So Many People Are Attracted To Togel4d Login? situs
toto togel – Reuben
–
7k
Подборка самых выгодных предложений аренды квартиры на сутки|Забронируйте квартиру на сутки мечты|Квартиры на сутки в центре города|Резервируйте жилье на сутки онлайн|Выбор апартаментов на сутки по лучшим ценам|Удобные квартиры на сутки по доступной цене|Идеальные апартаменты на сутки для вашего отпуска|Выберите идеальное жилье на короткий срок|Выбирайте лучшие квартиры для короткого проживания|Выберите комфортное жилье на короткий срок|Выбор апартаментов на короткий срок для вашего отдыха|Уютные квартиры на короткий срок для вашего отдыха|Эксклюзивные варианты аренды квартир на сутки|Выбор квартир на короткий срок для вашего отдыха|Выбирайте комфортные апартаменты на короткий срок|Простой способ аренды жилья на сутки|Идеальные варианты жилья на сутки для вашего отдыха|Привлекательные квартиры на сутки для вашего отпуска|Бронирование апартаментов на сутки с высоким уровнем сервиса|Выбор квартир на короткий срок для вашего отдыха
снять квартиру на сутки в гомеле недорого снять квартиру на сутки в гомеле недорого .
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервис центры бытовой техники тюмень
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Do You Think You’re Suited For Doing Private ADHD?
Take This Quiz Cheap Private Adhd Assessment
5 Killer Quora Answers To Treadmill Home Gym treadmill home
Бетон от надежного производителя в Нижнем Новгороде, с быстрой доставкой, с доставкой на объект, с гарантией качества, с доставкой на строительный объект, с гарантией качества, Бетонные решения на заказ в Нижнем Новгороде, по вашим требованиям, с высоким уровнем сервиса
бетон цена за куб нижний новгород бетон цена за куб нижний новгород .
Подборка самых выгодных предложений аренды квартиры на сутки|Выберите лучшее жилье на короткий срок|Уютные апартаменты с арендой на сутки|Простой способ аренды квартиры на короткий срок|Эксклюзивные предложения аренды квартир на короткий срок|Удобные квартиры на сутки по доступной цене|Идеальные апартаменты на сутки для вашего отпуска|Выберите идеальное жилье на короткий срок|Подборка самых уютных вариантов аренды жилья на сутки|Выберите комфортное жилье на короткий срок|Бронируйте квартиры на сутки по выгодным ценам|Уютные квартиры на короткий срок для вашего отдыха|Выберите лучшее жилье на короткое проживание|Выбор квартир на короткий срок для вашего отдыха|Идеальные варианты жилья для вашего отдыха|Бронирование квартир на сутки без комиссии|Идеальные варианты жилья на сутки для вашего отдыха|Привлекательные квартиры на сутки для вашего отпуска|Идеальные предложения аренды квартир на сутки|Уютные жилье на сутки по лучшим ценам
квартира на сутки гомель новобелицкий район квартира на сутки гомель новобелицкий район .
I wanted to thank you for this wonderful read!! I certainly loved every little bit of it. I have you book marked to check out new stuff you post…
Titration ADHD Tools To Ease Your Daily Life Titration ADHD Trick Every Person Should
Know titration adhd (Troy)
I seriously love your website.. Pleasant colors & theme. Did you build this website yourself? Please reply back as I’m planning to create my own website and would love to know where you got this from or exactly what the theme is called. Kudos!
8 Tips To Up Your Double Glazing Windows Bristol Game double Glazing bristol
Увлекательное казино Cryptoboss ждет вас, играйте и выигрывайте вместе с лучшим криптовалютным казино, уникальный опыт в мире криптовалютного азарта, выиграйте криптовалюты в казино от Cryptoboss, Cryptoboss casino – ваш путь к успеху, захватывающий азарт с криптовалютным боссом, испытайте свою удачу в казино Cryptoboss, эксклюзивное казино для ценителей криптовалют, качественный сервис и безопасность с Cryptoboss casino, Cryptoboss casino – ваш путь к криптовалютному успеху, революция в криптовалютных играх с Cryptoboss casino, Cryptoboss casino – ваш путеводитель в мире криптовалютных игр, получите криптовалютные призы в Cryptoboss casino, встречайте криптовалютного короля в казино, попробуйте удачу вместе с Cryptoboss, наслаждайтесь азартом с Cryptoboss casino.
криптобосс игровые кэшбэк криптобосс .
сервисный центре предлагает ремонт телевизоров на дому в москве – ремонт матрицы телевизора
buy ventolin online canada: Buy Ventolin inhaler online – buy ventolin online canada
buy generic trihexyphenidyl – trihexyphenidyl price order voltaren gel online cheap
сервисный центре предлагает прайс на ремонт телевизоров жк – ремонт телевизора
How To Tell If You’re In The Right Place For Ford Key Ford Fiesta Key Replacement Cost
(https://Hbv.Hbni.Co.Kr/Dev/Bbs/Board.Php?Bo_Table=Free&Wr_Id=151893)
Если вы искали где отремонтировать сломаную технику, обратите внимание – сервис центр в воронеже
Genomic amplification occurs when a cell gains many copies often 20 or more of a small chromosomal locus, usually containing one or more oncogenes and adjacent genetic material.
Experts agree you should sildenafil citrate 50 mg today to treat your condition
Very sorry for your loss.
Websites ScienceDirect Medscape Nature Mayo Clinic WebMD Government agencies National Institutes of Health NIH National Library of Medicine NLM Centers for Disease Control and Prevention CDC National Cancer Institute NCI Food and Drug Administration FDA ClinicalTrials.
People realized that by searching for sildenafil troche because it is powerful medication
I don’t really believe in fait but I can’t help but think this little one is meant to be.
1xBet
1xBet promocodes are special codes that unlock bonuses like free bets, deposit matches, or free spins. These codes are often distributed through promotions and can be entered during registration or deposit.
It’s hard to find educated people in this particular subject, but you sound like you know what you’re talking about! Thanks
Сервисный центр предлагает ремонт гироскутера hoverbot на дому ремонт гироскутеров hoverbot адреса