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://sushka-pomeshchenij-v-msk.ru/
Продажа мини-погрузчиков Lonking
Продажа мини-погрузчиков Lonking на территории России от официального
дистрибьютора. Новая многофункциональная техника для любых задач.
Наши машины предназначены для того, чтобы упростить вашу работу:
от строительных площадок до складских операций.
Высокая эффективность, надежность и инновационные решения — все,
что вам нужно для успешных проектов. Погрузите свой бизнес в будущее
с мини-погрузчиками Lonking!
47% российских покупателей выбрали мини-погрузчики Lonking в 2023 году продано более 1200 единиц.
Мини-погрузчики Lonking
Confira a hora certa em Brasília e garanta que suas atividades estejam sempre alinhadas com o tempo exato. Não deixe que a desinformação atrapalhe seu dia!
The Best Advice You’ll Ever Receive About Audi Key audi keys
Buzzwords De-Buzzed: 10 Other Ways To Deliver Sprt Toto 4d 토지노 사이트
Сервисный центр предлагает ремонт стиральных машин lg на дому ремонт стиральной машины lg в москве
Профессиональный сервисный центр по ремонту электросамокатов в Москве.
Мы предлагаем: ремонт электросамокатов москва
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
ремонт стекол сколов и трещин автостекла https://zamena-avtostekol-spb.ru
Профессиональный сервисный центр по ремонту планшетов в Москве.
Мы предлагаем: ремонт планшета
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Hong Kong plans to install thousands of surveillance cameras. Critics say it’s more proof the city is moving closer to China
разрешение на травматическое оружие купить
Glance up while strolling through parts of downtown Hong Kong and, chances are, you’ll notice the glassy black lens of a surveillance camera trained on the city’s crowded streets.
And that sight will become more common in the coming years, as the city’s police pursue an ambitious campaign to install thousands of cameras to elevate their surveillance capabilities.
Though it consistently ranks among the world’s safest big cities, police in the Asian financial hub say the new cameras are needed to fight crime – and have raised the possibility of equipping them with powerful facial recognition and artificial intelligence tools.
That’s sparked alarm among some experts who see it as taking Hong Kong one step closer to the pervasive surveillance systems of mainland China, warning of the technology’s repressive potential.
Hong Kong police had previously set a target of installing 2,000 new surveillance cameras this year, and potentially more than that each subsequent year. The force plans to eventually introduce facial recognition to these cameras, security chief Chris Tang told local media in July – adding that police could use AI in the future to track down suspects.
In a statement to CNN, the Hong Kong Police Force said it was studying how police in other countries use surveillance cameras, including how they use AI. But it’s not clear how many of the new cameras may have facial recognition capabilities, or whether there’s a timeline for when the tech will be introduced.
Tang and the Hong Kong police have repeatedly pointed to other jurisdictions, including Western democracies, that also make wide use of surveillance cameras for law enforcement. For instance, Singapore has 90,000 cameras and the United Kingdom has more than seven million, Tang told local newspaper Sing Tao Daily in June.
While some of those places, like the UK, have started using facial recognition cameras, experts say these early experiments have highlighted the need for careful regulation and privacy protections. Hong Kong police told CNN they would “comply with relevant laws” and follow strong internal guidelines – but haven’t elaborated in depth on what that would look like.
It’s Time To Upgrade Your Single Cup Coffee Options Single Cup Coffee Maker
Howdy! I could have sworn I’ve been to your blog before but after going through some of the articles I realized it’s new to me. Anyhow, I’m certainly pleased I came across it and I’ll be bookmarking it and checking back often!
4 Dirty Little Secrets About The Espresso Machines Industry 9 Bar Espresso Machine
Профессиональный сервисный центр по ремонту автомагнитол в Москве.
Мы предлагаем: ремонт автомагнитол рядом
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Hi! I could have sworn I’ve been to this web site before but after browsing through some of the posts I realized it’s new to me. Anyways, I’m definitely happy I stumbled upon it and I’ll be bookmarking it and checking back frequently.
This article deserves a wider audience.오피
The Three Greatest Moments In Windows Repair History
window repair; Dorthy,
A Trip Back In Time What People Said About Wall.Mounted Fireplace 20 Years Ago Fireplace On Wall
Hi, I do believe your website could be having web browser compatibility issues. When I take a look at your blog in Safari, it looks fine however, when opening in IE, it has some overlapping issues. I just wanted to provide you with a quick heads up! Other than that, excellent blog!
Why Pragmatic Is Still Relevant In 2024 프라그마틱 무료게임
Профессиональный сервисный центр по ремонту сигвеев в Москве.
Мы предлагаем: ремонт внедорожного сегвея выезд
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Профессиональный сервисный центр по ремонту сетевых хранилищ в Москве.
Мы предлагаем: цены на ремонт сетевых хранилищ
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
The 10 Scariest Things About Situs Toto Login Situs toto login
Hi, I do think this is a great blog. I stumbledupon it 😉 I am going to return yet again since i have book marked it. Money and freedom is the greatest way to change, may you be rich and continue to help other people.
Having read this I believed it was very informative. I appreciate you spending some time and energy to put this article together. I once again find myself spending a significant amount of time both reading and posting comments. But so what, it was still worthwhile.
Веселые свежие анекдоты и шутки
Подними настроение
I have to thank you for the efforts you’ve put in penning this site. I’m hoping to view the same high-grade content by you later on as well. In fact, your creative writing abilities has inspired me to get my own site now 😉
Greetings! Very useful advice in this particular article! It is the little changes which will make the most significant changes. Thanks for sharing!
insta viewer insta viewer .
www xxx i www xxx i .