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); //排序後:法国话,京片子,英语,中国,中文
Привет, друзья!
Купить документ о получении высшего образования можно в нашей компании в столице.
dynovskablogger.blogspot.com/2014/01/blog-post_5
Экономьте время и деньги с арендой трактора,
Опытные водители и надежная техника на аренду,
Аренда трактора с оперативной доставкой,
Аренда трактора для сельского хозяйства,
Лучшие цены на аренду тракторов в вашем городе,
Тракторы на аренду для строительных работ,
Аренда трактора на длительный срок,
Профессиональные водители для аренды трактора,
Аренда трактора под ключ
взять трактор в аренду https://arenda-traktora77.ru/ .
Howdy! I could have sworn I’ve been to this website before but after looking at some of the posts I realized it’s new to me. Regardless, I’m certainly happy I stumbled upon it and I’ll be bookmarking it and checking back regularly!
Здравствуйте!
Мы можем предложить дипломы психологов, юристов, экономистов и других профессий по приятным тарифам.
telegra.ph/postuplenie-v-tvorcheskie-vuzy-chehii-08-02
How To Explain Replace Mazda Key To Your Grandparents 2006 mazda 6 Key Fob [proect.Org]
Сколько стоит кухня на заказ
кухни на заказ недорого https://kuhninazakaz177.ru/ .
7 Tips About Door Glass Repair That Nobody Can Tell
You repairman
Life is Good — почему произошёл технический СКАМ проекта
жесткое порно видео
Компания «Life Is Good» позиционировала себя как финансово-консалтинговый проект. Она привлекала денежные активы от клиентов, формируя из них инвестиционные вклады, которые приносят пассивный доход от 20% годовых в валюте.
Официальный сайт компании — lifeisgood.company. Ценной информации на нем очень мало. В разделе «О компании» вместо рассказа о том, чем занимается компания, — общие фразы про финансовую независимость и благополучие клиентов, а также шесть рекламных роликов с известными людьми.
Данная компания создана в 2014 году. Зарегистрирована в государстве-офшоре Белиз, что находится в Центральной Америке. Соответственно, выданный там сертификат не имеет на территории России никакой юридической силы. Лицензия ЦБ РФ отсутствует.
Руководитель компании — Роман Василенко, обладатель многочисленных фотошопных регалий, количеству которых позавидовал бы даже Александр Невский (уот так уот), ветеран МЛМ движения в РФ, ну практически святой человек.
С 1990 года по 1999 год служил в Вооруженных силах РФ.
После службы работал в инвестиционной компании Save-Invest (Si), зарегистрированной в Швейцарии, которая обещала инвестиционные продукты со сверх доходностью. В 2000х годах газета Коммерсантъ выпустила статью о расследовании сотрудников ФСБ на предмет ведения мошеннической деятельности в РФ.
В 2012 году руководитель Оренбургского управления Татьяна Горынина, обманувшая своих клиентов на 50 млн. получила 6 лет тюрьмы за мошенничество.
Далее работал в инвестиционной компании “Life Division”, которая до сих пор продолжает свою работу.
Также Роман активно ведёт блог в инстаграмме и на ютуб, темы всё те же — успешный успех, освободись от рабства, нужно только захотеть и т.д.
Участники делали ежемесячные взносы в счет стоимости будущей квартиры. Значительная часть средств шла организаторам компании, а все остальное делились между вышестоящими пайщиками.
Наступила стадия «критического дна», т.е. взносов от новичков поступало меньше, чем необходимо выплачивать более «старым» клиентам, основатели компании приостановили свою деятельность, а суммы, которые многие годы вносили пайщики, им просто не вернули.
Life Is Good позиционировала себя как европейская компания, но привлекала в основном Россиян. Кстати, официальный сайт Life is Good переведен сразу на 9 языков. Непонятно для чего это сделано, ведь компания работает только в России, Казахстане и Киргизии. Наверное, поэтому над переводом на английский язык здесь не стали заморачиваться. С первого взгляда видны грубые грамматические ошибки.
Компания работала в сотрудничестве с еще тремя: Best Way, Hermes Management и Vista.
Гарантий сохранности денег не давала ни «Лайф-из-гуд», ни «Гермес-менеджмент». Но при этом «Лайф-из-гуд» все же предлагала страхование вложенных денег по оригинальной схеме.
Уникальная кухня на заказ, созданная специально для вас, у опытных дизайнеров.
Кухонная мебель на заказ, которая станет сердцем вашего дома, воплотим ваши фантазии в реальность.
Индивидуальный дизайн кухни, который подчеркнет ваш стиль, только у нас.
Уникальная кухня, созданная для вас с любовью, не упустите свой шанс.
Создайте уют и комфорт на своей кухне с помощью заказа, выбирайте качество.
Эксклюзивная кухня, созданная специально для вас, подчеркните свой стиль.
Индивидуальный дизайн кухни, который порадует вас каждый день, наслаждайтесь каждым моментом на своей новой кухне.
Индивидуальный дизайн, который подчеркнет вашу индивидуальность, сделано с душой.
кухни на заказ от производителя https://kuhny-na-zakaz-msk.ru/ .
Звуковое оборудование https://zvukovoe-oborudovanie12.ru с доставкой. Большой ассортимент звукового оборудования, доступные цены, доставка по РФ.
Идеальные кухни на заказ в Москве, воплотим ваши желания в реальность.
Лучшее предложение по кухням на заказ.
Создайте кухню вашей мечты вместе с нами.
Мы создаем кухни по вашим индивидуальным пожеланиям.
Закажите кухню на заказ и получите стильный интерьер.
Современные кухни на заказ в Москве по лучшим ценам.
Лучшие цены на кухни на заказ в Москве только у нас.
Доверьте создание кухни своей мечты опытному мастеру.
Кухни на заказ по индивидуальным проектам в Москве.
кухни под заказ https://kuhny-na-zakaz77.ru/ .
Everything is very open with a clear description of the challenges. It was really informative. Your site is very useful. Many thanks for sharing.
9 Things Your Parents Taught You About Where To Buy Items Online where To buy items Online
Website Ranking Software Tools To Help You Manage Your Daily Life Website
Ranking Software Trick That Should Be Used By Everyone Know website Ranking Software
Молодость Клиника: Путь к Совершенству
Клиника косметологии «Молодость» – это ведущая клиника косметологии в Перми. Мы предлагаем широкий спектр услуг для поддержания красоты и здоровья. Наши специалисты работают с передовыми методиками, чтобы помочь вам достичь желаемого эффекта.
Медицинский центр «Молодость», расположенная по адресу ул. Пушкина, 13, приглашает вас воспользоваться нашими услугами и испытывать на себе их высокое качество. Мы предлагаем услуги лазерные процедуры, уходовые процедуры, а также профессиональные консультации.
Клиника «Молодость» – это место, где вы сможете достичь своей мечты о красоте, это ваш путь к совершенству. Мы предоставляем высококачественные услуги, чтобы вы могли наслаждаться своей красотой. Свяжитесь с нами на официальном сайте молодость клиника пермь официальный сайт и узнайте больше о наших услугах и ценах. Мы ждем вас в Клиника «Молодость» на ул. Пушкина, 13, Пермь, чтобы воплотить ваши мечты о красоте в реальность.
This is a topic that is near to my heart… Many thanks! Exactly where are your contact details though?
Привет!
Вопросы и ответы: можно ли быстро купить диплом старого образца?
mans-diplomasxx.ru/svidetelstvo-o-rozhdenii-sssr1
Всегда вам поможем!.
10 Apps That Can Help You Control Your Sexdoll
Realistic real dollsex (Chad)
Индивидуальный дизайн и высокое качество в вашем шкафе купе на заказ
сделать шкаф купе на заказ https://shkaf-kupe-nazakaz177.ru/ .
Привет!
Приобрести документ о получении высшего образования можно у нас в Москве.
rushkas-diplom.ru
Лучший эвакуатор в Москве, качественное обслуживание|Только лучшие эвакуаторы в Москве, круглосуточно|Эвакуатор в Москве: ваш надежный спаситель|Специализированный эвакуатор в Москве|Эвакуатор в Москве для легковых автомобилей|Экстренная эвакуация автомобилей в Москве|Эвакуатор Москва: доверьте свой автомобиль профессионалам|Эвакуатор Москва: широкий спектр услуг|Эвакуатор Москва: ваш проводник в мире безопасности|Экстренная эвакуация автомобилей: быстро и качественно|Эвакуатор Москва: ваш надежный помощник на дороге|Эвакуация мотоциклов в Москве: безопасно и надежно|Экстренная эвакуация автомобилей в Москве|Эвакуатор Москва: ваш надежный партнер|Эвакуатор Москва: профессиональная помощь на дорогах|Эвакуатор Москва: ваша безопасность на первом месте|Эвакуация мотоциклов в Москве: быстро и качественно
эвакуатор москва недорого эвакуатор москва недорого .
Здравствуйте!
Мы изготавливаем дипломы любых профессий по приятным ценам.
rushkadiplomikx.ru/kupit-diplom-moskva
Do You Know How To Explain Search Engine Optimization To Your Mom search Engine optimization London
Online Shopping Sites Like Amazon Tools To Make Your Daily Life Online Shopping Sites Like
Amazon Trick That Everybody Should Know online shopping sites Like amazon
Good blog you’ve got here.. It’s difficult to find quality writing like yours these days. I truly appreciate individuals like you! Take care!!
Way cool! Some very valid points! I appreciate you penning this write-up plus the rest of the website is also really good.
Nice post. I learn something new and challenging on sites I stumbleupon on a daily basis. It’s always useful to read articles from other writers and use a little something from their websites.
Привет, друзья!
Быстрая покупка диплома старого образца: возможные риски
diplomman.ru/kupit-diplom-samara
Рады оказать помощь!.
Добрый день!
Как быстро и легально купить аттестат 11 класса в Москве
rushkas-diploms.ru/kupit-diplom-novosibirsk
гадание онлайн точное https://gadanie-online-free.ru