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); //排序後：法国话,京片子,英语,中国,中文
Как приобрести диплом о среднем образовании в Москве и других городах
дом пансионат для пожилых дом пансионат для пожилых .
Официальное получение диплома техникума с упрощенным обучением в Москве
Реально ли приобрести диплом стоматолога? Основные этапы
срочный ремонт телефонов рядом
Профессиональный сервисный центр по ремонту игровых консолей Sony Playstation, Xbox, PSP Vita с выездом на дом по Москве.
Мы предлагаем: профессиональный ремонт игровых консолей
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Ремонт Мерседес в Москве — Клубный сервис
мерседес официальный сервис
Ремонт и обслуживание Mercedes: Надежность и качество от профессионалов
Автомобили Mercedes-Benz давно зарекомендовали себя как эталон надежности, комфорта и престижа. Однако, как и любой автомобиль, даже самые надежные модели нуждаются в своевременном обслуживании и ремонте. Для поддержания вашего Mercedes в отличном состоянии необходимо выбирать специализированный сервис, который предлагает профессиональный ремонт и обслуживание.
Ремонт и обслуживание автомобилей Mercedes — это сложный процесс, требующий профессионального подхода и знаний. Выбирая специализированный сервис, вы гарантируете своему автомобилю надежную и качественную работу, а себе — уверенность и безопасность на дороге. Не экономьте на обслуживании, ведь своевременный ремонт поможет избежать больших расходов в будущем и сохранить ваш Mercedes в идеальном состоянии на долгие годы.
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: срочный ремонт macbook
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Как выбрать и купить УЗИ-аппарат: подробное руководство
стоимость аппарата узи цена
Ультразвуковая диагностика (УЗИ) занимает одно из ведущих мест среди методов исследования в медицине благодаря своей безопасности, информативности и отсутствию инвазивности. При выборе УЗИ-аппарата для медицинского учреждения важно учитывать несколько ключевых аспектов, которые помогут принять правильное решение. В этой статье мы подробно рассмотрим, на что обратить внимание, когда вы планируете купить УЗИ-аппарат.
Типы УЗИ-аппаратов
Первый шаг при покупке ультразвукового аппарата — это выбор типа устройства, который будет наилучшим образом отвечать потребностям вашей практики. Существуют следующие основные категории УЗИ-аппаратов
Покупка УЗИ-аппарата — это серьезное вложение, которое требует внимательного подхода и анализа множества факторов. Правильный выбор оборудования поможет повысить качество диагностики, улучшить обслуживание пациентов и увеличить эффективность работы вашего медицинского учреждения. Перед покупкой рекомендуется тщательно изучить рынок, определить потребности вашей клиники и выбрать оптимальное решение, которое будет соответствовать вашим требованиям и бюджету.
Официальная покупка диплома вуза с сокращенной программой в Москве
Как сделать выбор в пользу колясок Peg Perego?
peg perego book plus прогулочная https://kolyaska-peg-perego.ru/ .
You’ll Be Unable To Guess Treadmill Incline Workout’s Benefits Treadmill Incline Workout
купить диплом о высшем образовании в калуге landik-diploms.ru .
izi cash
Профессиональный сервисный центр по ремонту телефонов в Москве.
Мы предлагаем: сервис ремонта телефонов
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
7 Simple Changes That’ll Make A Big Difference In Your Pellet
Stove Fireplace Insert pellet stove Insert
Kumarhane buyuk kazanclar sagl?yor – Sahabet
Sahabet Casino Sahabet .
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: чистка macbook
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
Мелбет
Алкоклуб и Alcoclub предлагают быструю и круглосуточную доставку алкоголя. Позвоните по номеру +74951086757, чтобы оформить доставку напитков на дом в любое время суток. Этот сервис позволяет легко и просто получить нужные напитки, делая процесс максимально комфортным.
Если вам требуется доставка алкоголя ночью, Алкоклуб — идеальное решение. Связавшись с Alcoclub по номеру +74951086757, вы сможете оформить доставку в любое удобное для вас время. Сервис предлагает разнообразие алкогольной продукции, что делает процесс быстрым и простым.
С Алкоклуб вы всегда можете рассчитывать на оперативную доставку. Оформите заказ через +74951086757, чтобы заказать алкоголь на дом в Москве. Платформа Alcoclub обеспечивает высокий уровень сервиса, чтобы каждый клиент мог получить желаемый напиток вовремя.
Профессиональный сервисный центр по ремонту компьютеров и ноутбуков в Москве.
Мы предлагаем: ремонт макбук
Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
https://prozyd.ru/
mostbet promo code bangladesh [url=http://mostbetbangladeshbd.com]mostbetbangladeshbd.com[/url] free casino slot games mostbetbangladeshbd com .
Как безопасно купить диплом колледжа или ПТУ в России, что важно знать
Guide To Situs 4d: The Intermediate Guide To Situs
4d situs 4d (Graig)
Почему стоит обратить внимание на коляски Peg Perego?
peg perego book plus 2 в 1 peg perego book plus 2 в 1 .
Приобретение диплома ПТУ с сокращенной программой обучения в Москве
investicos.com/uncategorized/kupit-diplom-409335kvr
10 Things That Your Family Teach You About Free Standing Fireplace Indoor Electric free Standing fireplace
Вопросы и ответы: можно ли быстро купить диплом старого образца?
graph.org/Diplom-bez-sessij-i-zachyotov–uspeh-uzhe-ryadom-10-16
Купить диплом старого образца, можно ли это сделать по быстрой схеме?