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 10 Most Terrifying Things About Situs Toto Login situs toto login (Mary)
This site was… how do you say it? Relevant!! Finally I’ve found something that helped me. Many thanks!
Профессиональный сервисный центр по ремонту МФУ в Москве.
Мы предлагаем: сервисный центр мфу в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Сервисный центр предлагает качественый ремонт сигвей rover адреса ремонта сигвеев rover
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
That is a good tip particularly to those fresh to the blogosphere. Simple but very precise info… Many thanks for sharing this one. A must read article!
Why Replacement Porsche Key Is Fast Increasing To Be The
Hottest Trend Of 2023? porsche 997 key fob (https://telegra.Ph/)
подключение тахографа https://tachocards.ru/
This excellent website really has all of the information I needed about this subject and didn’t know who to ask.
калькулятор монтажа пожарной https://sispozhbez.ru/
проститутка в москве проститутка в москве .
I used to be able to find good information from your content.
элитные проститутки http://drive-models.ru .
считыватель тахографа купить https://tachocards.ru/
проститутки в москве проститутки в москве .
https://kudago.com/all/news/ob-aktualnosti-sluzhb/
You can now order your Spirit Halloween costume on Uber Eats
kra cc
Uber is cashing in on spooky season.
The ridehailing company will now deliver costumes, makeup, and even decorations from Spirit Halloween, the largest Halloween retailer in North America, Uber announced in a press release Friday.
Big-box retailers are getting into Halloween earlier and earlier, suggesting American consumers continue spending on the October holiday even as they pull back from other discretionary purchases.
Customers in the US and Canada can buy their Chipotle burrito costume for the same price as in store, but without having to visit the seasonal Halloween store that pops up in abandoned storefronts every year, Uber said. Of course, there will still be the fees associated with Uber Eats delivery.
Spirit Halloween has 1,525 locations.
“The holiday season officially kicks off this time of year, and households across the country are looking to on-demand delivery to get what’s needed—now,” said Beryl Sanders, director of US grocery and retail partnerships at Uber, in a statement.
Since the pandemic, different types of retailers have partnered with Uber to deliver their goods – such as Olive Garden for its breadsticks and pasta. Uber Eats has also partnered with Big Lots, Lowe’s, Michael’s and Party City for on-demand delivery.
Uber and its competitors have also experimented with robot deliveries, though those have not fully taken off in the US market.
Ten Seat Arona Key Cover Products That Can Change Your Life
seat leon key programming; Kieran,
монтаж ремонт пожарной сигнализации https://pozhsig.ru/
Временная регистрация в Санкт-Петербурге: Быстро и Легально!
Ищете, где оформить временную регистрацию в СПб?
Мы гарантируем быстрое и легальное оформление без очередей и лишних документов.
Ваше спокойствие – наша забота!
Минимум усилий • Максимум удобства • Полная легальность
Свяжитесь с нами прямо сейчас!
Временная регистрация в СПб
The Best Kids Beds Bunk Beds Gurus Are Doing 3 Things kids bunk bed (https://gitea.resourcemap.com.cn)
Профессиональный сервисный центр по ремонту посудомоечных машин с выездом на дом в Москве.
Мы предлагаем: ремонт посудомоечных машин в москве
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
пожарная безопасность монтаж установка https://pozhsig.ru/
Получите эксклюзивный cryptoboss casino промокод|Уникальный шанс с промокодом на cryptoboss casino
Секретный промокод от cryptoboss casino|Увеличьте свой выигрыш с cryptoboss casino промокодом
Только сегодня! cryptoboss casino промокод|Секретный код для cryptoboss casino
Специальное предложение от cryptoboss casino с промокодом|Играйте в cryptoboss casino с эксклюзивным промокодом
cryptoboss casino промокод бездепозитный бонус криптобосс промокод при регистрации hds5 .
Успех в 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 с уникальным промокодом для успеха
Joycasinoは、プレイヤーにとって迅速な出金がいかに重要であるかを理解しています。そのため、オンラインカジノは出金プロセスを最大限に最適化しています。ほとんどのリクエストは数時間以内に処理され、VIPプレイヤーの場合、このプロセスはさらに速くなります。銀行カード、電子ウォレット、暗号通貨を含む幅広い決済方法から、最も便利な方法を選べます。ジョイカジノでは、長い間勝利を待つ必要はありません！ ジョイカジノ モバイル
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: сервисные центры в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
3 Ways That The Hyper Realistic Sex Doll Can Affect Your Life realistic adult doll (https://maps.google.com.br/url?q=https://cates-dennis-3.blogbright.net/realistic-masturbator-Tools-to-streamline-your-daily-lifethe-one-realistic-masturbator-trick-that-every-person-should-be-able-To)
Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
Мы предлагаем: ремонт бытовой техники в тюмени
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
7 simple secrets to eating the Mediterranean way
Площадка кракен
What if “diet” wasn’t a dirty word?
During Suzy Karadsheh’s childhood in Port Said, Egypt, diet culture was nonexistent.
“My parents emphasized joy at the table, rather than anything else,” Karadsheh said. “I grew up with Mediterranean lifestyle principles that celebrate eating with the seasons, eating mostly whole foods and above all else, sharing.”
But when Karadsheh moved to the United States at age 16, she witnessed people doing detoxes or restricting certain food groups or ingredients. Surrounded by that narrative and an abundance of new foods in her college dining hall, she says she “gained the freshman 31 instead of the freshman 15.” When she returned home to Egypt that summer, “I eased back into eating the Mediterranean food that I grew up with. During the span of about two months, I shed all of that weight without thinking I was ever on a diet.”
To help invite joy back to the table for others — and to keep her family’s culinary heritage alive for her two daughters (now 14 and 22) — Atlanta-based Karadsheh launched The Mediterranean Dish food blog 10 years ago. Quickly, her table started getting filled with more than just her friends and family.
“I started receiving emails from folks whose doctors had prescribed the Mediterranean diet and were seeking approachable recipes,” Karadsheh said. The plant-based eating lifestyle, often rated the world’s best diet, can reduce the risk for diabetes, high cholesterol, dementia, memory loss and depression, according to research. What’s more, the meal plan has been linked to stronger bones, a healthier heart and longer life.
Preparing meals the Mediterranean way, according to Karadsheh, can help you “eat well and live joyfully. To us, ‘diet’ doesn’t mean a list of ‘eat this’ and ‘don’t eat that.’” Instead of omission, Karadsheh focuses on abundance, asking herself, “what can I add to my life through this way of living? More whole foods, vegetables, grains, legumes? Naturally, when you add these good-for-you ingredients, you eat less of what’s not as health-promoting,” she told CNN.