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); //排序後:法国话,京片子,英语,中国,中文

You may also like...

9,064 Responses

  1. Hello there! This blog post could not be written much better! Going through this article reminds me of my previous roommate! He constantly kept preaching about this. I most certainly will forward this post to him. Pretty sure he’s going to have a very good read. I appreciate you for sharing!

  2. arenda_rxkl表示:

    Идеальный вариант аренды автобуса в Санкт-Петербурге|Передвигайтесь по Санкт-Петербургу в удобстве и безопасности|Найдите идеальный автобус для вашей поездки по СПб|Приятные цены на аренду автобусов в Санкт-Петербурге|Организуйте комфортную доставку гостей с помощью аренды автобуса в Санкт-Петербурге|Легко и быстро арендовать автобус в СПб|Насладитесь туристическими достопримечательностями Санкт-Петербурга на комфортабельном автобусе|Идеальное решение для корпоративного транспорта в СПб|Устроить феерическую свадьбу с комфортной доставкой гостей поможет аренда автобуса в Санкт-Петербурге|Опытные водители и комфортные автобусы в аренде в СПб|Современные технологии и удобства наших автобусов в аренде в СПб|Разнообразие поездок на автобусе в СПб|Экономьте на поездках по Санкт-Петербургу с нашими специальными предложениями на аренду автобуса|Индивидуальные маршруты на арендованном автобусе в СПб|Мы всегда на связи, чтобы помочь вам с арендой автобуса в Санкт-Петербурге в любое время суток|Комфортабельные поездки на арендованных автобусах в СПб|Гибкая система тарифов на аренду автобуса в СПб|Легальная аренда автобусов в СПб|Ознакомьтесь с нашими уникальными предложениями по аренде автобуса в Санкт-Петербурге|Забронируйте автобус в Санкт-Петербурге всего в несколько минут
    аренда автобуса с водителем спб https://arenda-avtobusa-178.ru/ .

  3. Wguuonert表示:

    Section C7 reflects the left hand, while section T2 reflects more or less the right hand.
    Where can I find publications that discuss will lyrica show up on a drug test today!
    Your temperature should return to normal about one hour after the bleeding starts.

  4. Trefkzm表示:

    Здравствуйте!
    Официальная покупка диплома вуза с сокращенной программой в Москве
    gzu.fr.free.fr/nuked_klan_sp43/nk/index.php?file=Members&op=detail&autor=ubozyri
    Всегда вам поможем!.

  5. 10 Tell-Tale Signs You Need To Get A New 4 Wheel
    Mobility Scooter 4-wheel scooter Electric

  6. Lazrczv表示:

    Привет!
    Мы предлагаем дипломы любых профессий по приятным ценам.
    telegra.ph/dlya-chego-nuzhna-spravka-ob-obuchenii-v-vuze-08-02

  7. arenda_bret表示:

    Гарантированное качество аренды экскаватора погрузчика
    взять в аренду экскаватор погрузчик https://arenda-ekskavatora-pogruzchika197.ru/ .

  8. pech_iukt表示:

    Выберите идеальную печь-камин для вашего дома, лучшие модели на рынке, Самостоятельно подберите идеальную печь-камин, Идеи для покупки печи-камина и уютного дома, Печь-камин – необходимый элемент для вашего дома, что учитывать при выборе, Сделайте ваш дом уютным с помощью печи-камина, что учитывать при выборе печки-камина, где найти лучшую модель
    Печь-камин для отопления дома https://dom-35.ru/ .

  9. arenda_fdmn表示:

    Прокат техники для строительства в столице, по выгодным ценам.
    Экскаватор-погрузчик на любой вкус и бюджет, под заказ.
    Выбор прокатных услуг в Москве, находится здесь.
    Аренда экскаватора-погрузчика – это просто, в столице.
    Выберите лучший вариант для своего проекта, с нами выгодно.
    Аренда экскаватора-погрузчика в Москве: плюсы и минусы, в Москве.
    Экономьте время и деньги, обращайтесь к нам.
    Как выбрать оптимальный вариант, под заказ у нас.
    Выбор оптимального проката техники, у нас в сервисе.
    Выбор качественного проката, в Москве.
    Опытные специалисты по технике, в столице.
    Как выбрать экскаватор-погрузчик для аренды в Москве?, у нас в сервисе.
    Специализированная техника на прокат, у нас в сервисе.
    Плюсы и минусы проката техники, у нас в сервисе.
    Современные возможности аренды, в Москве.
    Срочная аренда экскаватора-погрузчика в Москве: где заказать?, в столице.
    Где арендовать экскаватор-погрузчик в Москве с выгодой?, у нас в сервисе.
    Выбор экскаватора-погрузчика в Москве: где найти лучшее предложение?, у нас в сервисе.
    взять в аренду экскаватор погрузчик https://arenda-ekskavatora-pogruzchika197.ru/ .

  10. TimothyBow表示:

    Услуги адвоката
    ап мос область
    Ищете надежную юридическую помощь? Официальный рейтинг адвокатов и юристов поможет найти проверенных специалистов, основываясь на высоком профессионализме, богатом опыте и положительных отзывах клиентов. Мы предлагаем уникальную возможность выбрать адвоката или юриста, способного эффективно разрешить ваше дело, будь то вопрос наследственного права, семейные споры или уголовного дела. Наш рейтинг поможет вам найти идеального кандидата, готового защитить ваши интересы в любой юридической ситуации и оказать юридические услуги профессионально и качественно

  11. AujikHesia表示:

    According to the CDC, vaccination against the flu is recommended each year for everyone 6 months of age and older.
    People should shop online and enjoy the lowest glucophage wikipГ©dia prices. Great savings on all drugs!
    Make it a priority to eat well by choosing a diet low in saturated fats and including plenty of fruits, vegetables, and high-fiber foods.

  12. AoolHesia表示:

    It is important for doctors to acquire good consultation skills which go beyond prescriptive history taking learned as part of the comprehensive and systematic clerking process outlined in textbooks.
    Fastest delivery and lowest prices for ic ampicillin to get the best value possible
    It is intense and sometimes debilitating.

  13. JamesJus表示:

    Как обратиться к нам за юридической консультацией?
    юрист по правам потребителей
    Чтобы получить юридическую консультацию, с нами можно связаться онлайн или же по телефону. Мы подберём вам юриста, специализирующегося именно в той сфере законодательства, с которой связаны ваши проблемы. Это поможет быстро достичь нужного результата и, безусловно, будет лучшим выбором, если вам нужно незамедлительно получить юридические услуги.

    Бесплатная юридическая консультация по телефону может стать вашим спасением. Предоставленная нами консультация поможет вам сориентироваться в вопросе и решить, нужна ли вам дальнейшая помощь, которую может обеспечить Коллегия адвокатов № 1. После того как юридическая консультация по телефону будет проведена и проблемы будут чётко обозначены, наши юристы могут оказать вам и дальнейшие услуги — от оформления нужных документов до представления ваших интересов в зале суда.

  14. The 10 Scariest Things About Single Seat Buggy For Sale single seat Buggy for sale

  15. Fred表示:

    What The Heck What Is Private Adhd Assessment? adhd
    assessments (Fred)

  16. MathewCluth表示:

    Elon Musk’s X just sued a nonprofit advertising group out of existence
    социальный адвокат
    A major ad industry group is shutting down, days after Elon Musk-owned X filed a lawsuit that claimed the group illegally conspired to boycott advertising on his platform.

    “GARM is a small, not-for-profit initiative, and recent allegations that unfortunately misconstrue its purpose and activities have caused a distraction and significantly drained its resources and finances,” the group said in a statement Friday. “GARM therefore is making the difficult decision to discontinue its activities.”

    The group, Global Alliance for Responsible Media, also known as GARM, is a voluntary ad-industry initiative run by the World Federation of Advertisers that aims to help brands avoid having their advertisements appear alongside illegal or harmful content. GARM confirmed it is still planning to defend itself in court.

    The end of GARM marks a temporary victory for Musk and X CEO Linda Yaccarino, even though a judge hasn’t made a ruling yet.

    “No small group should be able to monopolize what gets monetized. This is an important acknowledgement and a necessary step in the right direction. I am hopeful that it means ecosystem-wide reform is coming,” Yaccarino posted on X Thursday.

    However, the lawsuit could drive away even more advertisers from X, Nandini Jammi and Claire Atkin, founders of watchdog group Check My Ads Institute wrote in an op-ed Thursday. “Everyone can see that advertising on X is a treacherous business relationship for advertisers,” they said.

  17. PatrickBoads表示:

    Как формировался рейтинг организаций, представляющих юридические услуги в Москве
    услуги адвоката по алиментам стоимость
    Непросто найти хорошего специалиста, когда появляются проблемы правового характера. Особенно если нужна экстренная помощь, а среди знакомых никто не может порекомендовать квалифицированного адвоката. Для тех, кому срочно требуются юридические услуги, мы сформировали рейтинг организаций Москвы, которые успешно работают долгие годы. Адвокаты представленных фирм помогли тысячам своих доверителей отстоять права в досудебном и судебном порядке. Имеющиеся обширные знания в области юриспруденции и наработанный опыт позволяют им занимать лидирующие позиции на рынке. Зайдя на наш сайт юридических услуг, вы можете познакомиться с ними поближе и выбрать подходящих правозащитников.

    При формировании рейтинга учитывались следующие показатели:

    Опыт работы в сфере юриспруденции;
    Приемлемая оплата услуг юриста;
    Квалификация сотрудников, успешность судебной практики;
    Наличие бесплатных консультаций, оперативность работы.
    Чтобы заказать юридические услуги в проверенной и надежной организации, воспользуйтесь данными нашего рейтинга. Обратившись в фирмы из представленного списка, вы сможете успешно разрешить возникшую проблему в свою пользу.

  18. 14 Questions You’re Afraid To Ask About Mattress Double Firm double Mattress Firm

  19. There is certainly a great deal to learn about this issue. I like all of the points you’ve made.

  20. GarrettBic表示:

    Мой Источник Права специализируется на предоставлении всего комплекса юридических услуг от консультаций до ведения сложнейших дел в судах различных инстанций.
    [url=https://advokat-malov.ru ]получить лицензию на нарезное оружие[/url]
    Несмотря на молодость компании, специалисты неоднократно доказывали свою компетенцию в решении сложных юридических задач. Помимо консультирования граждан и юридической поддержки компаний, адвокаты осуществляют успешную правовую защиту наших клиентов в суде.

    Основные направления деятельности компании:

    оказание юридических услуг организациям;
    правовая поддержка физических лиц;
    регистрационные действия и ликвидация.
    Каждый специалист имеет специализацию в области права и большой практический опыт. Средний стаж юридической практики наших адвокатов – 20 лет. Гарантией победы в решении сложнейших дел клиентов является грамотный подход, богатый профессиональный и жизненный опыт наших адвокатов. Мы с гордостью отмечаем высокие компетенции специалистов, что подтверждается положительными отзывами наших клиентов и доверительными отношениями с ними.

    Более половины клиентов МИП в дальнейшем регулярно обращаются к нам за юридической консультацией.

    Наши судебные защитники и партнеры находятся в курсе последних изменений в законодательстве, принимают активное участие в жизни юридического сообщества, регулярно выступают на форумах и семинарах перед представителями делового сообщества большой судебный опыт дает нам возможность исключить ошибочные действия при защите клиентов и предусматривать заранее возникновение любых рисков.

    Мы уверены, что выбор адвоката строится на основании доверия к нему, поэтому стремимся не допускать расхождения слов с делом.

  21. Why Window Glass Repair Near Me Is Fast Becoming The Trendiest Thing Of 2023 window repairs (https://telegra.ph/)

  22. LouisAlubs表示:

    At the end of the day, don’t we all want to be happy? Here are 5 ways to get there
    [url=https://amulex.ru]юрист по жкх[/url]
    Americans are really into pursuing happiness.

    What happiness means is different for each individual and may shift over a lifetime: joy, love, purpose, money, health, freedom, gratitude, friendship, romance, fulfilling work? All of the above? Something else entirely? Many have even suggested that while we may think we know what will make us happy, we are often wrong.

    One man may have cracked the code for what makes a happy and healthier life — and he has the data to back him up.

    Dr. Robert Waldinger is the director of the Harvard Study of Adult Development — possibly the longest-running longitudinal study on human happiness, which started back in 1938. (The original study followed two groups of males, Harvard College students and adolescents in Boston’s inner city. It was expanded in recent decades to include women and people of more diverse backgrounds.)

    Plenty of components are at play in the quest for a happier life, but the key comes down to one main factor: quality relationships.

    “What we found was that the important thing was to stay actively connected to at least a few people, because we all need a sense of connection to somebody as we go through life,” Waldinger told CNN Chief Medical Correspondent Dr. Sanjay Gupta recently on his podcast Chasing Life.

    “And the people who were connected to other people lived longer and stayed physically healthier than the people who were more isolated,” he said. “That was the surprise in our study: not that people were happier but that they lived longer.”

  23. Yrefncc表示:

    Добрый день!
    Купить диплом любого ВУЗа.
    youhotel.ru/forum/viewtopic.php?f=15&t=64178

  24. arenda_ljpa表示:

    Что нужно знать при выборе трактора для аренды|Лучшие предложения по аренде тракторов|Оценка экономической целесообразности аренды трактора|Как быстро арендовать трактор онлайн|Плюсы и минусы аренды трактора|Советы по оптимизации расходов при аренде спецтехники|Топ-5 ошибок при выборе трактора в аренду|Частные лица и аренда тракторов: реальность и перспективы|Уникальная возможность аренды трактора без посещения офиса|Лучшие предложения по аренде мини-тракторов|Преимущества сотрудничества с проверенными компаниями по аренде тракторов|Как найти выгодное предложение по аренде трактора на один день|Плюсы сотрудничества с профессиональными водителями тракторов|Что нужно знать, чтобы сделать правильный выбор трактора|Какая техника будет наиболее эффективной для ваших задач|Аренда тракторов по городу: удобство и доступность|Критерии выбора арендодателя тракторов|Идеи использования трактора в качестве декора на свадьбе|Как избежать ошибок при выборе трактора для аренды|Услуги по аренде бетономешалок: плюсы и минусы|Где найти идеальный трактор для аренды|Тракторы для аренды на строительство: ключевые моменты выбора|Лучшие предложения по аренде тракторов для сельского хозяйства|Спецтехника в аренду: как выбрать надежного арендодателя|Плюсы сотрудничества с компаниями, предоставляющими услуги доставки тракторов|Лучшие предложения по аренде тракторов для дач
    трактор в аренду с водителем цена москва https://arenda-traktora-skovshom.ru/ .

  25. Marquita表示:

    Your Family Will Thank You For Getting This Hyundai I10 Key hyundai car key replacement near
    me (Marquita)

  26. Double Glazing Offers Near Me’s History Of Double Glazing Offers Near Me In 10
    Milestones Repair Double Glazed Window

  27. Alfredtom表示:

    Юридические услуги от адвокатов и юристов с самым высоким рейтингом
    сколько стоит юридическая консультация в москве
    Если вам нужна помощь по любым юридическим вопросам в Москве, наша команда высококлассных юристов работает для вас 24 часа в сутки, 7 дней в неделю.
    У нас есть группа экспертов, которые предоставляют консультации и помощь по различным юридическим вопросам: семейные, финансовые или административные. Мы внимательно исследуем Вашу ситуацию и разработаем эффективный план действий по юридической защите. Изучим доказательную базу и подготовим необходимые документы, которые законно решат Ваши юридические трудности. Вы можете связаться с нами по телефону, онлайн или лично, чтобы обсудить проблему.

    Юристы Межрайонной ассоциации Москвы
    Компетентные специалисты, эксперты в различных областях права. Они помогут в решении самых разных юридических проблем:

    защита интересов в суде;
    гражданские дела;
    семейные дела и права ребенка;
    сделки с недвижимостью;
    защита прав потребителей;
    наследственные дела;
    защита в арбитражном суде;
    административные штрафы.
    Стоимость услуги юриста доступна гражданам разных категорий. Мы учитываем Ваши пожелания и поэтому предлагаем гибкие цены. Подробнее о стоимости услуг юристов, вы можете узнать на нашем сайте или по телефону.

    Адвокаты Межрайонной ассоциации Москвы могут помочь Вам положительно решить даже трудно доказуемые ситуации. Например, наши клиенты выигрывали дела, связанные с:
    ДТП;
    взысканием долгов;
    бракоразводными процессами;
    разделом имущества.
    Наши адвокаты лично сопровождают клиентов, представляют интересы на встречах с представителями исполнительных, надзорных и государственных органов, а также в суде.

    Ассоциация адвокатов и юристов Москвы поможет отстоять Ваши права и избежать лишних юридических трудностей. Мы предлагаем доступную и профессиональную юридическую помощь в решении любых сложных правовых вопросов.

  28. bookmarked!!, I like your website!

  29. Trefcca表示:

    Привет, друзья!
    Узнайте, как безопасно купить диплом о высшем образовании
    googlmap.blogspot.com/2014/06/blog-post_2402
    Рады оказаться полезными!.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。