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); //排序後:法国话,京片子,英语,中国,中文
See What Treadmill Home Gym Tricks The Celebs Are
Making Use Of home
Привет, друзья!
Заказать документ университета вы сможете у нас в столице.
diplomyx.com/kupit-diplom-o-vysshem-obrazovanii
Link pyramid, tier 1, tier 2, tier 3
Top – 500 connections with integration embedded in pieces on content portals
Level 2 – 3000 link Forwarded references
Tier 3 – 20000 connections blend, comments, entries
Utilizing a link pyramid is useful for search engines.
Demand:
One link to the domain.
Keywords.
Correct when 1 query term from the resource heading.
Note the extra service!
Crucial! Primary hyperlinks do not intersect with Secondary and Tertiary-level hyperlinks
A link network is a tool for boosting the liquidity and link profile of a online platform or online community
You should get involved in a contest for example of the most useful blogs on-line. Let me recommend this page!
How Black Sectional Sofa Arose To Be The Top Trend On Social Media 4452346
Hello there! I know this is kinda off topic but I was wondering which blog platform are you using for this site? I’m getting fed up of WordPress because I’ve had problems with hackers and I’m looking at alternatives for another platform. I would be awesome if you could point me in the direction of a good platform.
You really helped me comprehend this topic with your informative post, thanks for all the good work.
Comfortably, the post is during truthfulness a hottest on this subject well known subject matter. I agree with ones conclusions and often will desperately look ahead to your updates . Saying thanks a lot will not just be sufficient, for ones wonderful ability in your producing. I will immediately grab ones own feed to stay knowledgeable from any sort of update versions. Amazing get the job done and much success with yourbusiness results!
You’ll Be Unable To Guess Amazon Online Shopping Products’s Benefits amazon Online shopping products (http://www.mecosys.com/bbs/board.php?bo_table=project_02&wr_id=1458684)
Heya i’m for the first time here. I came across this board and I find It truly useful & it helped me out much. I hope to offer something back and help others like you aided me.
Hey there this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding knowledge so I wanted to get advice from someone with experience. Any help would be greatly appreciated!
Добрый день!
Можно ли купить аттестат о среднем образовании? Основные рекомендации
mans-diploms.ru
appreciation for writing!. “It is because they took the easy way out, That rivers and people, go crooked.” by Jill Peterson..
15 Strange Hobbies That Will Make You More Successful At
Robot Vacuum Empty Itself best self cleaning robot mop, https://aviator-games.Net/user/Walrusclave53,
I have a comparable thermometer which was my token for my very journey towards US. I didn’t completely that we have to place it in direction of the chicken despite its cooking till I noticed it being used in a movie.
Can I simply say what a reduction to find somebody who actually knows what theyre talking about on the internet. You undoubtedly know easy methods to deliver a difficulty to gentle and make it important. More people must learn this and understand this facet of the story. I cant believe youre no more widespread since you undoubtedly have the gift.
You’ll notice several contrasting points from New york Weight reduction eating plan and every one one may be useful. The first point will probably be authentic relinquishing on this excessive. lose weight
Привет, друзья!
Диплом бакалавра
kharkov-balka.com/showthread.php?p=155433#post155433
Considerably, the particular post is truly the greatest with this deserving subject. To be sure together with your results and also can easily thirstily look forward to Your own potential improvements. Simply just declaring thank you will, no doubt not simply just be sufficient, for your wonderful quality within your writing. I will immediately grab your rss to remain up to date with any kind of updates. Real perform as well as much success inside your company dealings!
I would also like to add when you do not now have an insurance policy or perhaps you do not belong to any group insurance, chances are you’ll well take advantage of seeking assistance from a health insurance broker. Self-employed or those with medical conditions typically seek the help of any health insurance specialist. Thanks for your short article.
Привет, друзья!
Сколько стоит получить диплом высшего и среднего образования легально?
bjyou4122.com/?270393
Рады оказать помощь!.
13 Things About Buy Chest Freezer You May Not Have Known lg tall fridge freezer (Arnulfo)
Take A Look At Your Fellow Double Glazing Door Repairs Enthusiasts.
Steve Jobs Of The Double Glazing Door Repairs Industry jerealas
Oh my goodness! Incredible article dude! Thank you so much, However I am having difficulties with your RSS. I don’t understand why I cannot join it. Is there anyone else getting the same RSS issues? Anyone that knows the answer can you kindly respond? Thanx!
Магазин Экипировка Эксперт
БРОНЕШЛЕМ ОБЩЕВОЙСКОВОЙ ЕДИНЫЙ РАТНИК 6Б47
Боец, Экипировка Эксперт — это розничный магазин, сотрудничающий с рядом оптовых складов и производителей. Это значит, что при должном количестве товара мы дадим очень хорошие цены.
Название взяли независимо от того, что наша страна сейчас проводит Специальную Военную Операцию, хорошая снаряга и экипировка нужна всегда. Готовишься в бой, мобилизован, привык активно проводить время или решил подготовить тревожный чемоданчик, мы поможем тебе. Наши клиенты: фонды, медики, такие же как ты бойцы СВО и обычные неравнодушные граждане.
Самое главное, что нужно о нас знать, мы детально объясняем, что и как работает, чтобы ты сделал правильный выбор не переплачивая.
Обращаясь к нам, не удивляйся, если ты получишь честный и жесткий ответ – часто случается так, что мы знаем лучше, что именно нужно нашему гостю. Особенно это касается мобилизованных без опыта боевых действий. Здесь ты можешь полагаться на нашу экспертность.
Одна из наших основных целей предоставить тебе возможность удобной и безопасной покупки: хоть за наличку, хоть по карте, хоть по счету. Повторимся, если нужна оптовая поставка, согласуем и отгрузим. Именно от того, как ты производишь оплату, зависит цена заказа.
Для нас важно предоставить тебе качественную экипировку и снаряжение соблюдая при этом законы нашей страны. Боец, помни, мы помогаем фондам, нуждающимся людям, подразделениям в зоне СВО. Отчеты об этом опубликованы как на сайте. На эту деятельность уходит значительная часть выручки. Делая покупки в нашем магазине, ты помогаешь людям и фронту. Уверен, что это найдет отзыв в твоем сердце.
У нашей команды есть набор ценностей: честность, справедливость, сопереживание, взаимопомощь, мужество, патриотичность. Уверены, ты их разделяешь, и мы легко найдем общий язык. Ну а если что-то пойдет не так, не руби с плеча, объясни, где мы ошиблись и поверь, мы разберемся и исправим. Наш девиз “In hostem omnia licita” – по отношению к врагу дозволено все. Возьми этот девиз, он поможет тебе принять правильное решение в трудной ситуации, с честью выполнить боевую задачу и вернуться домой живым и здоровым!
Добрый день!
Купить документ о получении высшего образования можно в нашей компании.
asxdiplomik.com/kupit-diplom-o-vysshem-obrazovanii
Spot on with this write-up, I actually believe that this web site needs far more attention. I’ll probably be back again to see more, thanks for the info.
Why Adult Adhd Assessment Will Be Your Next Big Obsession? Adult adhd assessments
проститутки электростали https://vrn.prostitutki.sex
Nice post. I learn something new and challenging on websites I stumbleupon every day. It will always be helpful to read through content from other writers and use something from other websites.