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...

11,184 Responses

  1. Профессиональный сервисный центр по ремонту фототехники в Москве.
    Мы предлагаем: ремонт фотовспышек на дому
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
    Подробнее на сайте сервисного центра remont-vspyshek-realm.ru

  2. идеи малого бизнеса идеи малого бизнеса .

  3. The 10 Most Scariest Things About Pavement Scooters pavement scooters (seatzoo87.bravejournal.Net)

  4. This is the perfect site for anyone who hopes to find out about this topic. You realize so much its almost hard to argue with you (not that I actually will need to…HaHa). You definitely put a new spin on a topic that has been written about for a long time. Wonderful stuff, just wonderful.

  5. Burst pipes表示:

    naturally like your web-site but you have to check the spelling on several of your posts. A number of them are rife with spelling problems and I find it very troublesome to tell the truth nevertheless I will definitely come back again.

  6. Thanks for revealing your ideas. Something is that students have a solution between fed student loan and also a private education loan where it truly is easier to choose student loan consolidating debts than over the federal student loan.

  7. Fantastic goods from you, man. I’ve understand your stuff previous to and you’re just extremely excellent. I really like what you’ve acquired here, certainly like what you are stating and the way in which you say it. You make it enjoyable and you still care for to keep it sensible. I can’t wait to read much more from you. This is actually a great website.

  8. Can I say that of a relief to discover someone that really knows what theyre talking about on the internet. You actually realize how to bring a worry to light and earn it critical. Lots more people must read this and understand this side of your story. I cant think youre less well-known since you also definitely hold the gift.

  9. instagram en iyi hacklink servisi satın al. Porno videoları izle.

  10. plumbers表示:

    Hey there! Someone in my Facebook group shared this site with us so I came to look it over. I’m definitely enjoying the information. I’m book-marking and will be tweeting this to my followers! Outstanding blog and amazing style and design.

  11. Lavina表示:

    15 Reasons Not To Ignore Double Mattress Memory Foam mattress for double bed price (Lavina)

  12. I am frequently to blogging and that i truly appreciate your site content. The article has truly peaks my interest. Let me bookmark your web site and maintain checking for brand new details.

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

  14. Jamesdum表示:

    переезд квартиры https://kvartirnyj-pereezd13.ru/

  15. I needed to thank you for this very good read!! I absolutely loved every little bit of it. I have you book marked to check out new stuff you post…

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

  17. El comercio de opciones binarias es una modalidad de trading en la que los inversores apuestan si el valor de un activo subira o bajara. Brokers regulados como Quotex ofrecen una plataforma intuitiva para el trading de opciones binarias. Con estrategias adecuadas, es posible aumentar las ganancias en el trading de opciones binarias. Opciones binarias trading se ha vuelto frecuente en paises como Mexico y globalmente.
    quotex demo opciones binarias broker .

  18. Aurelio表示:

    Guide To Pram And Travel System: The Intermediate Guide Towards Pram
    And Travel System pram and travel system (Aurelio)

  19. Профессиональный сервисный центр по ремонту фототехники в Москве.
    Мы предлагаем: мастер по ремонту фотовспышек
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!
    Подробнее на сайте сервисного центра remont-vspyshek-realm.ru

  20. Новые зеркала Cryptoboss Casino уже здесь!, выигрывайте без проблем!
    Самое актуальное зеркало Cryptoboss Casino всегда под рукой, бесперебойный доступ гарантированы.
    Лучшее зеркало Cryptoboss Casino ждет вас прямо сейчас, не упустите другие варианты!
    Новости и выигрыши ждут вас на зеркале Cryptoboss Casino, играйте и выигрывайте!
    Не забудьте использовать зеркало Cryptoboss Casino для безопасной игры, играйте без риска без лишних хлопот!
    cryptoboss зеркало сайта cryptoboss зеркало рабочее на сегодня .

  21. Way cool! Some very valid points! I appreciate you writing this write-up and the rest of the site is also very good.

  22. The 10 Most Scariest Things About L Shaped Leather Settee l Shaped Leather settee

  23. instagram en iyi hacklink servisi satın al. Porno videoları izle.

  24. Встречайте криптовалютного босса в казино, станьте победителем вместе с Cryptoboss, уникальный опыт в мире криптовалютного азарта, попробуйте удачу в казино Cryptoboss, стать криптобоссом легко с Cryptoboss casino, Cryptoboss casino – ваш лучший выбор, будьте боссом в мире криптовалютных игр с Cryptoboss casino, участвуйте в захватывающих играх в Cryptoboss casino, качественный сервис и безопасность с Cryptoboss casino, особые привилегии для лучших игроков, встречайте новый уровень криптовалютных ставок в Cryptoboss casino, играйте на криптовалютных волнах вместе с Cryptoboss, играйте и побеждайте с Cryptoboss casino, встречайте криптовалютного короля в казино, Cryptoboss casino – ваше казино удачи, присоединяйтесь к лидерам в мире криптовалютных игр с Cryptoboss casino.
    cryptoboss casino boss криптобосс .

  25. Great information. Lucky me I found your site by accident (stumbleupon). I’ve bookmarked it for later!

  26. Elwoodnax表示:

    1win

  27. El comercio de opciones binarias permite realizar predicciones financieras en la que los inversores apuestan si el valor de un activo se mantendra o cambiara. Brokers regulados como Quotex ofrecen herramientas avanzadas para el trading de opciones binarias. Con conocimientos y herramientas, es posible aumentar las ganancias en el trading de opciones binarias. El comercio de opciones binarias se ha vuelto una opcion atractiva en paises como Mexico y globalmente.
    que son las opciones binarias quotex login .

  28. Davidarrag表示:

    Роман Василенко: в 2020 году выйдем на покупку 100 квартир в месяц
    Прокуратура Санкт-Петербург
    В конце декабря в Москве по инициативе депутатов Государственной думы Сергея Крючка и Олега Нилова прошел круглый стол о перспективах жилищной кооперации для решения жилищной проблемы в России. Большой интерес вызвала модель жилищных кооперативов, обходящегося без государственной поддержки и подразумевающая покупку только готового, а не строящегося жилья.

    Депутат Государственной думы Олег Нилов подчеркнул, что кооперативы существовали еще в советские времена, это позитивный опыт, который нуждается в государственной поддержке — ведь это способ беспроцентной покупки объектов недвижимости вскладчину. — Опыт Германии свидетельствует о том, что он очень эффективен, — заявил депутат Государственной думы Сергей Крючек, — Там очень большой объем жилья приобретается за счет кооперативного финансирования, а не ипотеки. Это альтернативный источник финансирования решения жилищного вопроса.
    Присутствовавший на круглом столе практик жилищной кооперации — председатель правления жилищного кооператива “Бест Вей” Роман Василенко подчеркнул, что возглавляемый им кооператив как раз является примером решения квартирного вопроса без государственного финансирования и при этом с минимальной переплатой.

    — Квартира, приобретенная кооперативом, обойдется существенно дешевле ипотечной. Переплата, связана с внесением вступительного и членских взносов, по наиболее типичным квартирам — стоимостью 3,5-4 млн рублей, составит примерно 10-15%.

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

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

    Что касается возрастных ограничений, то пайщику должно исполниться 16 лет, верхних ограничений для вступления в кооператив нет. Залоговой частью выступает сама квартира: пока пайщик полностью не рассчитается с кооперативом, она находится в собственности кооператива, то есть в собственности всех пайщиков. Как только пайщик рассчитался с кооперативом, он получает право регистрации перехода права собственности на квартиру.

    — В развитии жилищных кооперативов нужно правильно расставить акценты: выбрать форму, нуждающуюся в приоритетной поддержке. Есть жилищно-строительные кооперативы — это как раз случай Су-155. И есть жилищные кооперативы. Нет рисков, характерных, например, для ЖСК — рисков того, что ликвидный объект недвижимости, гарантирующий выплату пая пайщику, который примет решение выйти из кооператива, не будет создан — потому что дом по тем или иным причинам не будет достроен.

    ЖК, сказал Василенко, покупают только готовые квартиры — на первичном или вторичном рынке, с зарегистрированным правом собственности, причем, квартиры, прошедшие тщательную юридическую проверку и независимую оценку рыночной стоимости. Это наиболее безопасное вложение. Достоинство ЖК, по словам Василенко, в том, что они не привлекают кредиты и не нуждаются в госфинансировании. Они способны решить проблему доступного жилья. У них одна-единственная задача — приобретение квартир для пайщиков, — заметил Василенко, — Они не имеют права привлекать заемные средства.

  29. JamesAmife表示:

    Роман Василенко – Парадигма Успеха!
    Что известно о Романе Василенко
    Психологи оценивают лидерство, как умение мотивировать, сплачивать, принимать быстрые решения. Но истинным лидерам присуще еще одно качество, о котором умалчивают специалисты. Лидер – это человек, способный сделать других счастливее. Неслучайно, что во время затянувшейся экономической нестабильности мы ищем образец для подражания – человека, который пройдя все перипетии жизненного пути, добился значительных высот, делится своими знаниями и накопленным опытом.

    Для многих россиян таким человеком стал Роман Викторович Василенко –идейный вдохновитель, основатель холдинга Life Is Good и председатель правления ЖК Best Way.

    Получив высшее экономическое образование в Ярославском Высшем Военном Финансовом Училище, он на рубеже XXI века принял решение совершенствоваться в профессии – продолжить обучение в области экономики и финансов на международных курсах. Полученные знания подкреплялись практическим опытом. За 15 лет работы в швейцарской корпорации Роман Викторович прошел путь от финансового консультанта до управляющего директора.
    В настоящее время Роман Василенко – кандидат экономических наук, президент Международной бизнес-академии IBA, досконально владеет навыками сетевого маркетинга. Следует отметить, что данный принцип построения бизнеса не имеет ничего общего с финансовыми пирамидами. Сетевой маркетинг за 70-летнийопыт успешного развития, доказал свою жизнеспособность и экономическую целесообразность.

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

    Честь, совесть, независимая воля – это не просто слова для Романа Василенко. Как настоящий мужчина и офицер запаса он привык держать слово, отвечать за принятые обязательства. Люди доверили ему свои деньги, и он не мог их разочаровать. Воинская дисциплина и врожденные качества характера помогли Роману мобилизоваться, преодолеть сложные жизненные рубежи и уверенно двигаться к намеченной цели. Его твердые решения основаны на том, что лучше для всей корпорации; а не только для нескольких партнеров.

    Но не одни только деловые качества являются основными признаками успеха Василенко. Людей больше привлекает его жизненное кредо. Те, кому посчастливилось работать с Романом Викторовичем, характеризуют его как филантропа и нравственного бизнесмена. Представители более близкого окружения рассказывают о его трепетном отношении к семье, друзья – о горячей любви к яхтам и дайвингу. И все в один голос заявляют о его безукоризненной честности. Сам Роман Викторович говорит, что этим он обязан своим родителям и в первую очередь матери, о которой он всегда говорит с особой теплотой и нежностью.

    На протяжении многих лет Роман мечтал не просто о собственном бизнесе, а принципиально новом подходе к делу. Идея, казалось, витала в воздухе, для ее формирования не хватало одного толчка. Таким толчком стала главная тема саммита стран ШОС, участником которого был Василенко, «Как сохранить человеческий капитал и предотвратить утечку мозгов из России». Как известно, главная трудность молодых перспективных кадров – это отсутствие жилья и сложность его приобретения. По мнению Романа Викторовича необходимо дать возможность людям заработать на приобретение жилья, чтобы устранить главную причину миграции кадров. Ярославском Высшем Военном Финансовом Училище, он на рубеже XXI века принял решение совершенствоваться в профессии – продолжить обучение в области экономики и финансов на международных курсах. Полученные знания подкреплялись практическим опытом. За 15 лет работы в швейцарской корпорации Роман Викторович прошел путь от финансового консультанта до управляющего директора.

發佈留言

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