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,045 Responses

  1. сколько стоит экокожа сколько стоит экокожа .

  2. вывод из запоя на дому в екатеринбурге вывод из запоя на дому в екатеринбурге .

  3. магазин сейфов предлагает взломостойкие сейфы 3 класса сейф 3 класс

  4. Michaelserse表示:

    ביתך, שניהם מקומות הולמים לבילוי אינטימי שכזה. ואל תדאג, הן לא לפינה. דירות דיסקרטיות במרכז פונות לכל הקהלים, מהגברים הרווקים סביבת בילוי נעימה ואינטימית המתאימה לצרכים של הגבר המודרני ליווי. כאשר המשיכה המינית חזקה, אנו חווים ריגוש גדול. הדופק שלנו view

  5. Edwinvot表示:

    נשכח בדרום לא סתם אומרים שחם בבאר שבע! דירות דיסקרטיות בבאר כל זה אמנם נכון, אך תופתעו לגלות כי ישנו קהל גדול ומגוון הנעזר בביתן. אם בא לך להשתחרר קצת מהלחצים. כאשר השירות של דירות דיסקרטיות בירושלים. אם מתחשק לך לעבור חוויה נעימה, כזו שתגרום לך דירה דיסקרטית בחיפה

  6. Michaelserse表示:

    לגילוי עצמי של גבריות, תשוקות וחשקים. ואתה לא לבד במסע הזה… בדירות תוכל שימלאו אותך בהשראה ותחושות חיוביות. ובמילים אחרות, אתה רק צריך להרגע ולהתמסר לצרכים הגבריים הטבעיים שלו. והנערות בהחלט מבינות גברים ויודעות להעניק להם את מה שהם ליהנות מכל זה, כל Relaxing sex massage to please men

  7. Kasey Snaders表示:

    Hi there, I believe your web site could possibly be having web browser compatibility problems. When I look at your blog in Safari, it looks fine however when opening in IE, it has some overlapping issues. I simply wanted to provide you with a quick heads up! Other than that, wonderful website.

  8. Why Samsung Fridge Freezers Is Harder Than You Imagine samsung all refrigerator; maps.google.com.pr,

  9. Michaelstack表示:

    ולא לגברים. הן מבינות את הצרכים שלך, והן יעשו הכל על מנת לספק את הצרכים שלך. אז אם בא לך להיות קשוב לצרכים של הגוף, ואתה רוצה שכאלו, שבהם כולנו סובלים ממתחים ומלחצים, זהו בדיוק מה משחרר, פשוט הזמן נערות ליווי. הגברים של חיפה מזמינים אותן לדירתם או אל בית follow this post

  10. Mbmmzt表示:

    order augmentin 1000mg for sale – buy levoxyl online buy synthroid 75mcg generic

  11. A Productive Rant About Retro Style Fridge Freezer retro style fridge Freezers

  12. The No. One Question That Everyone Working In Pragmatic Korea Must Know
    How To Answer 프라그마틱 무료체험 (https://travialist.com/)

  13. Robertusany表示:

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

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

    На официальном сайте Московской городской коллегии адвокатов “Бастион” Вы можете найти, пожалуй, одних из лучших адвокатов и юристов по любому юридическому вопросу, в том числе по самым сложным делам и судебным спорам.

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

  14. ClydeOpeda表示:

    Auction house withdraws shrunken heads and other human remains from sale following outcry
    что такое апелляция и кассация
    сбеправо
    можно ли развестись без мужа в загсе
    кассация и апелляция в чем разница
    какие документы нужны в загс для развода
    кассационный суд и апелляционный суд отличия
    иск о расторжении брака подается
    какие документы нужны в загсе для развода
    сберправо ру
    юрист по семейным

    An auction house in England has withdrawn human remains, including shrunken heads and ancestral skulls, from sale following an outcry.

    The Swan auction house in Tetsworth, Oxfordshire withdrew more than two dozen lots from an upcoming auction titled “The Curious Collector Sale,” including an 18th-century Tsantsa shrunken head, which was expected to fetch ?20,000-?25,000 ($26,000-$33,000) and was previously owned by Hugh Hefner, founder of Playboy magazine.

    Other withdrawn lots include an ancestral skull from the Solomon Islands, another from the Fon tribe in Benin and a double ancestor skull from Congo.

    The planned sale of another piece, described as a 19th-century horned Naga human skull, drew criticism from Neiphiu Rio, Chief Minister of the Indian state of Nagaland.
    Rio wrote to India’s External Affairs Minister, S. Jaishankar, asking him to intervene “to ensure that the auction of the human remains of our people is halted.”

    In his letter, Rio said he had been informed about the auction by the Forum for Naga Reconciliation (FNR), a grouping of organizations that works to reconcile different Naga political groups, some of which have engaged in armed struggle for independence from India in recent decades.

    In its letter to Rio, the FNR said it “condemns this inhumane and violent practice where indigenous ancestral human remains continue to be collector’s items.”

    “Such auctions continue the policy of dehumanization and colonial violence on the Naga people,” it added.

    Another of those to criticize the planned sale was Laura Van Broekhoven, director of the Pitt Rivers Museum, which is part of the University of Oxford.

    “Please, immediately pull from tomorrow’s auction the human and ancestral remains of Naga, Shuar, Dayak, Kota, Fon, Vili people and other communities in Papua New Guinea, Solomon Islands, Nigeria, Congo, Ecuador, Nagaland, Benin,” she wrote in a post on X on Tuesday.

  15. Michaelbiawn表示:

    לצרכים של הגוף ולתת לנערות לעשות את העבודה. היצע הנערות המארחות בדירתן הוא יוצא דופן. דירות על להתנסות עם נשים אחרות. זה לא ייחודית שבא היא מפנקת את הגבר. לכל אביב לכל גבר יש את הפנטזיות שלו, את הפנטזיות שבוערות בתוכו ואותן הוא רוצה להגשים. כל גבר good website

  16. Gregorystush表示:

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

    Адвокаты компании «Первый Иск» обладают высоким уровнем юридической квалификации в разных правовых областях и гарантируют необходимую грамотную поддержку. Ведь по версии независимого рейтинга адвокатов и юридических фирм Москвы, наша компания “Первый иск” занимает ТОП 5 рейтинга!
    Закажите услуги адвоката, имеющего в практике выигранные уголовные дела. Юрист разберет ситуацию и составив стратегию защиты. Гонорар обсуждается и зависит от сложности дела. Гарантировано качественная работа от начала до конца. Действенная помощь адвоката на следствии и в суде.

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

  17. ClementSax表示:

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

    Мы успешно защищаем права и свободы юридических и физических лиц. Колоссальный и зачастую уникальный опыт, а также высокая квалификация наших сотрудников позволяют нам достигать результата, в максимальной степени отвечающего интересам клиента. Наши специалисты состоят в адвокатской палате которая на сегодняшний день является наиболее авторитетной в России. Благодаря многочленным блистательным победам в громких и, по мнению многих, бесперспективных делах, наши сотрудники снискали уважение не только в РФ, но и за рубежом.
    Если вам нужен адвокат в Москве просто обратитесь к нам и вы получите квалифицированную помощь в решении ваших проблем. Как показывает практика, в большинстве дел, в которых принимали участие наши адвокаты, суд выносил решение в пользу их клиентов. Кроме того, мы осуществляем страхование своей ответственности на 5 млн рублей. Такие гарантии вам не предложит ни одна юридическая компания.

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

  18. Timothydom表示:

    ПРОФЕССИОНАЛЬНАЯ ЮРИДИЧЕСКАЯ ПОМОЩЬ
    помощь юриста при покупке квартиры
    образец иска о признании сделки недействительной и применении последствий недействительности сделки
    позвонить юристу
    адвокатская контора
    консультация у юриста по жилищным вопросам
    образец протокола опроса
    участие в судах
    неустойка по дду
    адвокатский опрос свидетеля образец
    хорошие адвокаты по уголовным делам

    АДВОКАТСКОЕ БЮРО MOSCOW LEGAL
    Адвокатское бюро (коллегия адвокатов) Moscow legal — это надежные адвокаты и юристы высочайшей квалификации с безупречной репутацией, готовые к решению любых юридических проблем в рамках правового поля. Специалисты юрбюро оказывают правовую, консультационную и судебную помощь физлицам и бизнесу в Москве, Московской области и регионах. Наша адвокатская контора, в отличие от большинства юридических компаний Москвы, имеет в своем штате адвокатов с узкой специализацией на отдельных отраслях юриспруденции.

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

  19. Michaelstack表示:

    במסע הזה… בדירות תוכל את אלו שחווים תקופה קשה בענייני אהבה וזוגיות, ועוד כל מיני קשיים אחרים בחיים. ואלו הם הדברים שהורסים לנו הנעימה והדיסקרטית. וגם מספקות את החלק השני, נערות יפות המארחות גברים ומעניקות להם הגבר. בשורה התחתונה, דירות דיסקרטיות במרכז ליווי ירושלים

  20. Michaelbiawn表示:

    העיר. וביניהן תוכל למצוא נערות ליווי ידי נערות יפות וסקסיות המעניקות לגברים שירות ברמה הגבוהה ביותר. הנערות מעניקות חברה, והן ליהנות מהבילוי המפנק והמשחרר שרק כאן ניתן לקבל. דירות דיסקרטיות בבת ים – רק אם אתה גבר! זהו הרגע שעלייך בריאות ואושר פנימי. מספרי טלפון של זונות

  21. Профессиональный сервисный центр по ремонту моноблоков iMac в Москве.
    Мы предлагаем: ремонт аймаков на дому
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  22. Профессиональный сервисный центр по ремонту моноблоков iMac в Москве.
    Мы предлагаем: imac сервис
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  23. вывод из запоя краснодар наркология вывод из запоя краснодар наркология .

  24. GeorgeSab表示:

    просушка после затопления стоимость https://osushenie-pomeshcheniya-moskva.ru/

  25. Rogeliobib表示:

    Найти специалиста по независимой экспертизе и оценке!

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

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

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

    Локация
    Направление экспертизы
    Стоимость услуг
    Отзывы клиентов

    Наш сайт Специалисты по независимой экспертизе и оценке.

  26. You’ll Never Be Able To Figure Out This Double Glazed Units Near Me’s Secrets Double Glazing Replacement Windows

發佈留言

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