Showing source for: https://cloudlab.tw/javascript-%E4%BE%9D%E7%85%A7%E5%85%83%E7%B4%A0%E5%87%BA%E7%8F%BE%E6%95%B8%E9%87%8F%E6%8E%92%E5%BA%8F/
Duration: 2.040314s
Server: nginx

<!DOCTYPE html>
<html class="no-js" lang="zh-TW">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="profile" href="https://gmpg.org/xfn/11" />
  <link rel="pingback" href="https://cloudlab.tw/wp/xmlrpc.php">

  <title>JS 依照元素出現數量排序 &#8211; 馬老師 雲端研究室</title>
<meta name='robots' content='max-image-preview:large' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<script>document.documentElement.className = document.documentElement.className.replace("no-js","js");</script>
<link rel="alternate" type="application/rss+xml" title="訂閱《馬老師 雲端研究室》&raquo; 資訊提供" href="https://cloudlab.tw/feed/" />
<link rel="alternate" type="application/rss+xml" title="訂閱《馬老師 雲端研究室》&raquo; 留言的資訊提供" href="https://cloudlab.tw/comments/feed/" />
<link id="hu-user-gfont" href="//fonts.googleapis.com/css?family=Ubuntu:400,400italic,300italic,300,700&subset=latin,latin-ext" rel="stylesheet" type="text/css"><link rel="alternate" type="application/rss+xml" title="訂閱《馬老師 雲端研究室 》&raquo;〈JS 依照元素出現數量排序〉留言的資訊提供" href="https://cloudlab.tw/javascript-%e4%be%9d%e7%85%a7%e5%85%83%e7%b4%a0%e5%87%ba%e7%8f%be%e6%95%b8%e9%87%8f%e6%8e%92%e5%ba%8f/feed/" />
<script>
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/cloudlab.tw\/wp\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.11"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
</script>
<style id='wp-emoji-styles-inline-css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<link rel='stylesheet' id='wp-block-library-css' href='https://cloudlab.tw/wp/wp-includes/css/dist/block-library/style.min.css?ver=6.8.11' media='all' />
<style id='classic-theme-styles-inline-css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='hueman-main-style-css' href='https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/css/main.min.css?ver=3.7.27' media='all' />
<style id='hueman-main-style-inline-css'>
body { font-family:'Ubuntu', Arial, sans-serif;font-size:1.00rem }@media only screen and (min-width: 720px) {
        .nav > li { font-size:1.00rem; }
      }.sidebar .widget { padding-left: 20px; padding-right: 20px; padding-top: 20px; }::selection { background-color: #3b8dbd; }
::-moz-selection { background-color: #3b8dbd; }a,a>span.hu-external::after,.themeform label .required,#flexslider-featured .flex-direction-nav .flex-next:hover,#flexslider-featured .flex-direction-nav .flex-prev:hover,.post-hover:hover .post-title a,.post-title a:hover,.sidebar.s1 .post-nav li a:hover i,.content .post-nav li a:hover i,.post-related a:hover,.sidebar.s1 .widget_rss ul li a,#footer .widget_rss ul li a,.sidebar.s1 .widget_calendar a,#footer .widget_calendar a,.sidebar.s1 .alx-tab .tab-item-category a,.sidebar.s1 .alx-posts .post-item-category a,.sidebar.s1 .alx-tab li:hover .tab-item-title a,.sidebar.s1 .alx-tab li:hover .tab-item-comment a,.sidebar.s1 .alx-posts li:hover .post-item-title a,#footer .alx-tab .tab-item-category a,#footer .alx-posts .post-item-category a,#footer .alx-tab li:hover .tab-item-title a,#footer .alx-tab li:hover .tab-item-comment a,#footer .alx-posts li:hover .post-item-title a,.comment-tabs li.active a,.comment-awaiting-moderation,.child-menu a:hover,.child-menu .current_page_item > a,.wp-pagenavi a{ color: #3b8dbd; }input[type="submit"],.themeform button[type="submit"],.sidebar.s1 .sidebar-top,.sidebar.s1 .sidebar-toggle,#flexslider-featured .flex-control-nav li a.flex-active,.post-tags a:hover,.sidebar.s1 .widget_calendar caption,#footer .widget_calendar caption,.author-bio .bio-avatar:after,.commentlist li.bypostauthor > .comment-body:after,.commentlist li.comment-author-admin > .comment-body:after{ background-color: #3b8dbd; }.post-format .format-container { border-color: #3b8dbd; }.sidebar.s1 .alx-tabs-nav li.active a,#footer .alx-tabs-nav li.active a,.comment-tabs li.active a,.wp-pagenavi a:hover,.wp-pagenavi a:active,.wp-pagenavi span.current{ border-bottom-color: #3b8dbd!important; }.sidebar.s2 .post-nav li a:hover i,
.sidebar.s2 .widget_rss ul li a,
.sidebar.s2 .widget_calendar a,
.sidebar.s2 .alx-tab .tab-item-category a,
.sidebar.s2 .alx-posts .post-item-category a,
.sidebar.s2 .alx-tab li:hover .tab-item-title a,
.sidebar.s2 .alx-tab li:hover .tab-item-comment a,
.sidebar.s2 .alx-posts li:hover .post-item-title a { color: #82b965; }
.sidebar.s2 .sidebar-top,.sidebar.s2 .sidebar-toggle,.post-comments,.jp-play-bar,.jp-volume-bar-value,.sidebar.s2 .widget_calendar caption{ background-color: #82b965; }.sidebar.s2 .alx-tabs-nav li.active a { border-bottom-color: #82b965; }
.post-comments::before { border-right-color: #82b965; }
      .search-expand,
              #nav-topbar.nav-container { background-color: #26272b}@media only screen and (min-width: 720px) {
                #nav-topbar .nav ul { background-color: #26272b; }
              }.is-scrolled #header .nav-container.desktop-sticky,
              .is-scrolled #header .search-expand { background-color: #26272b; background-color: rgba(38,39,43,0.90) }.is-scrolled .topbar-transparent #nav-topbar.desktop-sticky .nav ul { background-color: #26272b; background-color: rgba(38,39,43,0.95) }#header { background-color: #33363b; }
@media only screen and (min-width: 720px) {
  #nav-header .nav ul { background-color: #33363b; }
}
        #header #nav-mobile { background-color: #33363b; }.is-scrolled #header #nav-mobile { background-color: #33363b; background-color: rgba(51,54,59,0.90) }#nav-header.nav-container, #main-header-search .search-expand { background-color: #33363b; }
@media only screen and (min-width: 720px) {
  #nav-header .nav ul { background-color: #33363b; }
}
        body { background-color: #eaeaea; }
</style>
<link rel='stylesheet' id='hueman-font-awesome-css' href='https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/css/font-awesome.min.css?ver=3.7.27' media='all' />
<script id="nb-jquery" src="https://cloudlab.tw/wp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://cloudlab.tw/wp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://cloudlab.tw/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://cloudlab.tw/wp-json/wp/v2/posts/4996" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://cloudlab.tw/wp/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.11" />
<link rel="canonical" href="https://cloudlab.tw/javascript-%e4%be%9d%e7%85%a7%e5%85%83%e7%b4%a0%e5%87%ba%e7%8f%be%e6%95%b8%e9%87%8f%e6%8e%92%e5%ba%8f/" />
<link rel='shortlink' href='https://cloudlab.tw/?p=4996' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://cloudlab.tw/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcloudlab.tw%2Fjavascript-%25e4%25be%259d%25e7%2585%25a7%25e5%2585%2583%25e7%25b4%25a0%25e5%2587%25ba%25e7%258f%25be%25e6%2595%25b8%25e9%2587%258f%25e6%258e%2592%25e5%25ba%258f%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://cloudlab.tw/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcloudlab.tw%2Fjavascript-%25e4%25be%259d%25e7%2585%25a7%25e5%2585%2583%25e7%25b4%25a0%25e5%2587%25ba%25e7%258f%25be%25e6%2595%25b8%25e9%2587%258f%25e6%258e%2592%25e5%25ba%258f%2F&#038;format=xml" />
    <link rel="preload" as="font" type="font/woff2" href="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/webfonts/fa-brands-400.woff2?v=5.15.2" crossorigin="anonymous"/>
    <link rel="preload" as="font" type="font/woff2" href="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/webfonts/fa-regular-400.woff2?v=5.15.2" crossorigin="anonymous"/>
    <link rel="preload" as="font" type="font/woff2" href="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/webfonts/fa-solid-900.woff2?v=5.15.2" crossorigin="anonymous"/>
  <!--[if lt IE 9]>
<script src="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/js/ie/html5shiv-printshiv.min.js"></script>
<script src="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/js/ie/selectivizr.js"></script>
<![endif]-->
<link rel="icon" href="https://cloudlab.tw/wp/wp-content/uploads/2022/01/favicon.ico" sizes="32x32" />
<link rel="icon" href="https://cloudlab.tw/wp/wp-content/uploads/2022/01/favicon.ico" sizes="192x192" />
<link rel="apple-touch-icon" href="https://cloudlab.tw/wp/wp-content/uploads/2022/01/favicon.ico" />
<meta name="msapplication-TileImage" content="https://cloudlab.tw/wp/wp-content/uploads/2022/01/favicon.ico" />
</head>

<body class="nb-3-3-8 nimble-no-local-data-skp__post_post_4996 nimble-no-group-site-tmpl-skp__all_post wp-singular post-template-default single single-post postid-4996 single-format-standard wp-embed-responsive wp-theme-hueman sek-hide-rc-badge col-2cl boxed header-desktop-sticky header-mobile-sticky hueman-3-7-27 gecko">
<div id="wrapper">
  <a class="screen-reader-text skip-link" href="#content">Skip to content</a>
  
  <header id="header" class="specific-mobile-menu-on one-mobile-menu mobile_menu header-ads-desktop  topbar-transparent has-header-img">
        <nav class="nav-container group mobile-menu mobile-sticky no-menu-assigned" id="nav-mobile" data-menu-id="header-1">
  <div class="mobile-title-logo-in-header"><p class="site-title">                  <a class="custom-logo-link" href="https://cloudlab.tw/" rel="home" title="馬老師 雲端研究室 | Home page">馬老師 雲端研究室</a>                </p></div>
        
                    <!-- <div class="ham__navbar-toggler collapsed" aria-expanded="false">
          <div class="ham__navbar-span-wrapper">
            <span class="ham-toggler-menu__span"></span>
          </div>
        </div> -->
        <button class="ham__navbar-toggler-two collapsed" title="Menu" aria-expanded="false">
          <span class="ham__navbar-span-wrapper">
            <span class="line line-1"></span>
            <span class="line line-2"></span>
            <span class="line line-3"></span>
          </span>
        </button>
            
      <div class="nav-text"></div>
      <div class="nav-wrap container">
                  <ul class="nav container-inner group mobile-search">
                            <li>
                  <form role="search" method="get" class="search-form" action="https://cloudlab.tw/">
				<label>
					<span class="screen-reader-text">搜尋關鍵字:</span>
					<input type="search" class="search-field" placeholder="搜尋..." value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="搜尋" />
			</form>                </li>
                      </ul>
                      </div>
</nav><!--/#nav-topbar-->  
  
  <div class="container group">
        <div class="container-inner">

                <div id="header-image-wrap">
              <div class="group hu-pad central-header-zone">
                                        <div class="logo-tagline-group">
                          <p class="site-title">                  <a class="custom-logo-link" href="https://cloudlab.tw/" rel="home" title="馬老師 雲端研究室 | Home page">馬老師 雲端研究室</a>                </p>                                                        <p class="site-description">Passion inspires professional</p>
                                                </div>
                                                  </div>

              <a href="https://cloudlab.tw/" rel="home"><img src="https://cloudlab.tw/wp/wp-content/uploads/2017/07/cropped-iStock_000044486316_Full.jpg" width="1500" height="232" alt="" class="new-site-image" srcset="https://cloudlab.tw/wp/wp-content/uploads/2017/07/cropped-iStock_000044486316_Full.jpg 1500w, https://cloudlab.tw/wp/wp-content/uploads/2017/07/cropped-iStock_000044486316_Full-300x46.jpg 300w, https://cloudlab.tw/wp/wp-content/uploads/2017/07/cropped-iStock_000044486316_Full-768x119.jpg 768w, https://cloudlab.tw/wp/wp-content/uploads/2017/07/cropped-iStock_000044486316_Full-1024x158.jpg 1024w" sizes="(max-width: 1500px) 100vw, 1500px" decoding="async" fetchpriority="high" /></a>          </div>
      
      
    </div><!--/.container-inner-->
      </div><!--/.container-->

</header><!--/#header-->
  
  <div class="container" id="page">
    <div class="container-inner">
            <div class="main">
        <div class="main-inner group">
          
              <main class="content" id="content">
              <div class="page-title hu-pad group">
          	    		<ul class="meta-single group">
    			<li class="category"><a href="https://cloudlab.tw/category/%e6%8a%80%e8%a1%93%e7%ad%86%e8%a8%98/" rel="category tag">技術筆記</a></li>
    			    		</ul>
            
    </div><!--/.page-title-->
          <div class="hu-pad group">
              <article class="post-4996 post type-post status-publish format-standard has-post-thumbnail hentry category-13 tag-javascript">
    <div class="post-inner group">

      <h1 class="post-title entry-title">JS 依照元素出現數量排序</h1>
  <p class="post-byline">
       by     <span class="vcard author">
       <span class="fn"><a href="https://cloudlab.tw/author/stanleyma/" title="「馬老師」的文章" rel="author">馬老師</a></span>
     </span>
     &middot;
                          <span class="published">2018-01-26</span>
          </p>

                                
      <div class="clear"></div>

      <div class="entry themeform">
        <div class="entry-inner">
          
<p>同樣是最近遇到的狀況,需要利用陣列內元素出現的數量進行排序,以下為範例程式:</p>



<pre class="EnlighterJSRAW" data-enlighter-language="js" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">var array = ["1", "2", "4", "5", "2", "4", "2", "3"];
var str = array.toString();
var filter = [];
var result = [];
document.write("原始陣列:" + array + "&lt;br>");

var get = function (str, tar, arr, tmp) {
    if (str.indexOf(tar) >= 0) {
        tmp = str.slice(str.indexOf(tar) + 1);
        arr.push(tar);
        get(tmp, tar, arr, tmp);
    }
    return arr;
}

for (i in array) {
    var elm = [];
    var tmp;
    var fstr = filter.join();
    if (fstr.indexOf(array[i]) >= 0) {
        continue;
    } else {
        var tmp_arr = get(str, array[i], elm, tmp);
        result.push(tmp_arr.length + ':' + tmp_arr[0]);
        filter.push(array[i]);
    }
}

result.sort();
result.reverse();

//按照出現次數排序,不刪除重複元素
var finishArray = [];

for (index in result) {
    var show = result[index].split(':');
    for (i = 0; i &lt; show[0]; i++) {
        finishArray.push(show[1]);
    }
}
document.write("按出現次數排序,不刪除重複元素:" + finishArray + "&lt;br>");

//按照出現次數排序,刪除重複元素
var finishArray = [];
for (index in result) {
    var show = result[index].split(':');
    finishArray.push(show[1]);
}
document.write("按出現次數排序,刪除重複元素:" + finishArray + "&lt;br>");</pre>



<p>輸出結果:</p>



<pre class="EnlighterJSRAW" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">原始陣列:1,2,4,5,2,4,2,3
按出現次數排序,不刪除重複元素:2,2,2,4,4,5,3,1
按出現次數排序,刪除重複元素:2,4,5,3,1</pre>
          <nav class="pagination group">
                      </nav><!--/.pagination-->
        </div>

        
        <div class="clear"></div>
      </div><!--/.entry-->

    </div><!--/.post-inner-->
  </article><!--/.post-->

<div class="clear"></div>

<p class="post-tags"><span>Tags:</span> <a href="https://cloudlab.tw/tag/javascript/" rel="tag">Javascript</a></p>



<h4 class="heading">
	<i class="far fa-hand-point-right"></i>You may also like...</h4>

<ul class="related-posts group">
  		<li class="related post-hover">
		<article class="post-1532 post type-post status-publish format-standard has-post-thumbnail hentry category-13 tag-actionscript tag-flash">

			<div class="post-thumbnail">
				<a href="https://cloudlab.tw/%e7%b6%b2%e9%a0%81%e5%85%a8%e8%9e%a2%e5%b9%95%e5%8c%96%e7%9a%84flash%e5%8b%95%e7%95%ab/" class="hu-rel-post-thumb">
					<img width="520" height="245" src="https://cloudlab.tw/wp/wp-content/uploads/2011/12/adobe-flash-logo1-520x245.jpg" class="attachment-thumb-medium size-thumb-medium no-lazy wp-post-image" alt="Flash Logo" decoding="async" loading="lazy" />																			</a>
							</div><!--/.post-thumbnail-->

			<div class="related-inner">

				<h4 class="post-title entry-title">
					<a href="https://cloudlab.tw/%e7%b6%b2%e9%a0%81%e5%85%a8%e8%9e%a2%e5%b9%95%e5%8c%96%e7%9a%84flash%e5%8b%95%e7%95%ab/" rel="bookmark">網頁全螢幕化的Flash動畫</a>
				</h4><!--/.post-title-->

				<div class="post-meta group">
					<p class="post-date">
  <time class="published updated" datetime="2011-12-12 21:37:20">2011-12-12</time>
</p>

				</div><!--/.post-meta-->

			</div><!--/.related-inner-->

		</article>
	</li><!--/.related-->
		<li class="related post-hover">
		<article class="post-2718 post type-post status-publish format-standard has-post-thumbnail hentry category-13 tag-actionscript tag-facebook">

			<div class="post-thumbnail">
				<a href="https://cloudlab.tw/%e8%aa%8d%e8%ad%98facebook-graph-api/" class="hu-rel-post-thumb">
					<img width="168" height="245" src="https://cloudlab.tw/wp/wp-content/uploads/1/2013/07/facebook1.jpg" class="attachment-thumb-medium size-thumb-medium no-lazy wp-post-image" alt="Facebook Graph API 使用者基本資料擷取" decoding="async" loading="lazy" srcset="https://cloudlab.tw/wp/wp-content/uploads/1/2013/07/facebook1.jpg 336w, https://cloudlab.tw/wp/wp-content/uploads/1/2013/07/facebook1-206x300.jpg 206w" sizes="auto, (max-width: 168px) 100vw, 168px" />																			</a>
							</div><!--/.post-thumbnail-->

			<div class="related-inner">

				<h4 class="post-title entry-title">
					<a href="https://cloudlab.tw/%e8%aa%8d%e8%ad%98facebook-graph-api/" rel="bookmark">Facebook Graph API 使用者基本資料擷取</a>
				</h4><!--/.post-title-->

				<div class="post-meta group">
					<p class="post-date">
  <time class="published updated" datetime="2013-07-23 11:17:57">2013-07-23</time>
</p>

				</div><!--/.post-meta-->

			</div><!--/.related-inner-->

		</article>
	</li><!--/.related-->
		<li class="related post-hover">
		<article class="post-4853 post type-post status-publish format-standard has-post-thumbnail hentry category-13 tag-javascript">

			<div class="post-thumbnail">
				<a href="https://cloudlab.tw/javascript-%e9%99%a3%e5%88%97%e6%8e%92%e5%ba%8f/" class="hu-rel-post-thumb">
					<img width="520" height="245" src="https://cloudlab.tw/wp/wp-content/uploads/2017/07/javascript-520x245.png" class="attachment-thumb-medium size-thumb-medium no-lazy wp-post-image" alt="" decoding="async" loading="lazy" />																			</a>
							</div><!--/.post-thumbnail-->

			<div class="related-inner">

				<h4 class="post-title entry-title">
					<a href="https://cloudlab.tw/javascript-%e9%99%a3%e5%88%97%e6%8e%92%e5%ba%8f/" rel="bookmark">JS 陣列排序範例</a>
				</h4><!--/.post-title-->

				<div class="post-meta group">
					<p class="post-date">
  <time class="published updated" datetime="2017-07-20 15:47:38">2017-07-20</time>
</p>

				</div><!--/.post-meta-->

			</div><!--/.related-inner-->

		</article>
	</li><!--/.related-->
		  
</ul><!--/.post-related-->



<section id="comments" class="themeform">

	
					<!-- comments closed, no comments -->
		
	
	
</section><!--/#comments-->          </div><!--/.hu-pad-->
            </main><!--/.content-->
          

	<div class="sidebar s1 collapsed" data-position="right" data-layout="col-2cl" data-sb-id="s1">

		<button class="sidebar-toggle" title="Expand Sidebar"><i class="fas sidebar-toggle-arrows"></i></button>

		<div class="sidebar-content">

			           			<div class="sidebar-top group">
                        <p>Follow:</p>                    <ul class="social-links"><li><a rel="nofollow noopener noreferrer" class="social-tooltip"  title="史坦利愛分享" aria-label="史坦利愛分享" href="http://ishare.games/" target="_blank" ><i class="fab fa-youtube"></i></a></li></ul>  			</div>
			
				<ul class="post-nav group">
				<li class="next"><strong>Next story&nbsp;</strong><a href="https://cloudlab.tw/javascript-crossdomain-xml-access/" rel="next"><i class="fas fa-chevron-right"></i><span>透過JS跨網域存取XML檔</span></a></li>
		
				<li class="previous"><strong>Previous story&nbsp;</strong><a href="https://cloudlab.tw/window-resize-preview-print/" rel="prev"><i class="fas fa-chevron-left"></i><span>踩到Window resize在Preview print的雷</span></a></li>
			</ul>

			
			<div id="search-4" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://cloudlab.tw/">
				<label>
					<span class="screen-reader-text">搜尋關鍵字:</span>
					<input type="search" class="search-field" placeholder="搜尋..." value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="搜尋" />
			</form></div><div id="linkcat-12" class="widget widget_links"><h3 class="widget-title">教學相關連結</h3>
	<ul class='xoxo blogroll'>
<li><a href="https://cloudlab.tw/css-介紹/" title="CSS 樣式介紹" target="_blank">CSS 介紹</a></li>
<li><a href="https://cloudlab.tw/html-%e4%bb%8b%e7%b4%b9/" title="介紹HTML標籤" target="_blank">HTML 介紹</a></li>
<li><a href="http://cloudlab.tw/wp/sampleFiles/RegExp/" title="馬老師製作之正規表示式 產生器" target="_blank">正規表示式 產生器</a></li>

	</ul>
</div>
<div id="alxposts-5" class="widget widget_hu_posts">
<h3 class="widget-title">最新分享</h3>
	
	<ul class="alx-posts group ">
    				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/vue-js-%e5%ad%b8%e7%bf%92%e6%89%8b%e5%86%8a-%e6%a1%86%e6%9e%b6%e7%9a%84%e9%81%b8%e6%93%87%e8%88%87%e5%b0%8e%e5%85%a5/" rel="bookmark">vue.js 學習手冊 框架的選擇與導入</a></p>
				<p class="post-item-date">2020-05-14</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/retina-monitors-web-image-solution/" rel="bookmark">Retina Monitor’s Web Image Solution</a></p>
				<p class="post-item-date">2020-05-12</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/javascript%e7%9a%84%e6%95%b8%e5%ad%b8%e9%9b%a3%e9%a1%8c/" rel="bookmark">Javascript的數學難題</a></p>
				<p class="post-item-date">2020-05-08</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e9%80%8f%e9%81%8e%e7%b6%b2%e9%a0%81%e8%ae%80%e5%8f%96psd%e5%be%8c%ef%bc%8c%e4%be%9d%e5%9c%96%e5%b1%a4%e8%bc%b8%e5%87%bapng%e6%aa%94%e6%a1%88/" rel="bookmark">透過網頁讀取PSD後,依圖層輸出PNG檔案</a></p>
				<p class="post-item-date">2020-04-30</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e9%80%8f%e9%81%8e%e7%b6%b2%e9%a0%81%e8%ae%80%e5%8f%96photoshop-psd%e6%aa%94%e6%a1%88%e5%85%a7%e5%ae%b9/" rel="bookmark">透過網頁讀取Photoshop PSD檔案內容</a></p>
				<p class="post-item-date">2020-04-28</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e5%a4%a7%e5%b0%88%e6%a1%88%e4%b8%ad%e7%b6%b2%e9%a0%81%e5%a4%9a%e8%aa%9e%e7%b3%bb%e7%9a%84%e7%b6%ad%e8%ad%b7%e6%96%b9%e5%bc%8f/" rel="bookmark">大專案中網頁多語系的維護方式</a></p>
				<p class="post-item-date">2020-04-23</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e5%88%86%e6%89%8b%e4%b9%8b%e5%be%8c%ef%bc%8c%e9%81%8e%e5%be%97%e6%9b%b4%e5%a5%bd%e7%9a%84%e5%85%a9%e5%80%8b%e4%ba%ba/" rel="bookmark">分手之後,過得更好的兩個人</a></p>
				<p class="post-item-date">2020-04-22</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/js-highlight-text/" rel="bookmark">針對全文透過JS來做重點標示</a></p>
				<p class="post-item-date">2018-01-26</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/javascript-crossdomain-xml-access/" rel="bookmark">透過JS跨網域存取XML檔</a></p>
				<p class="post-item-date">2018-01-26</p>			</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/javascript-%e4%be%9d%e7%85%a7%e5%85%83%e7%b4%a0%e5%87%ba%e7%8f%be%e6%95%b8%e9%87%8f%e6%8e%92%e5%ba%8f/" rel="bookmark">JS 依照元素出現數量排序</a></p>
				<p class="post-item-date">2018-01-26</p>			</div>

		</li>
				    	</ul><!--/.alx-posts-->

</div>
<div id="alxposts-6" class="widget widget_hu_posts">
<h3 class="widget-title">隨機文章</h3>
	
	<ul class="alx-posts group ">
    				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/adobe-photoshop-cs5-%e6%96%b0%e5%8a%9f%e8%83%bd%e5%bd%b1%e7%89%87/" rel="bookmark">Adobe Photoshop CS5 新功能影片</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/jquery-slider%e7%94%a2%e7%94%9f%e5%99%a8-wow-slider/" rel="bookmark">jQuery Slider產生器 &#8211; WOW Slider</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e5%a4%a7%e5%b0%88%e6%a1%88%e4%b8%ad%e7%b6%b2%e9%a0%81%e5%a4%9a%e8%aa%9e%e7%b3%bb%e7%9a%84%e7%b6%ad%e8%ad%b7%e6%96%b9%e5%bc%8f/" rel="bookmark">大專案中網頁多語系的維護方式</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e5%88%a9%e7%94%a8flash-cs5-5%e7%99%bc%e4%bd%88ios-app/" rel="bookmark">利用Flash CS5.5發佈iOS App</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/jquery-plugin-fullpage/" rel="bookmark">jQuery Plugin &#8211; fullPage</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/adobe-brackets-%e7%b6%b2%e9%a0%81%e7%b7%a8%e8%bc%af%e7%9a%84%e6%96%b0%e9%81%b8%e6%93%87/" rel="bookmark">Adobe Brackets 網頁編輯的新選擇</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/%e5%88%a9%e7%94%a8box2dwck%e8%b3%a6%e4%ba%88flash%e7%89%a9%e7%90%86%e7%89%b9%e6%80%a7-%e6%b5%ae%e5%8a%9b%e8%88%87%e6%b3%a2%e6%b5%aa/" rel="bookmark">利用Box2D+WCK賦予Flash物理特性 浮力與波浪</a></p>
							</div>

		</li>
				<li>

			
			<div class="post-item-inner group">
								<p class="post-item-title"><a href="https://cloudlab.tw/adobe-illustrator-cs5-%e6%96%b0%e5%8a%9f%e8%83%bd%e5%bd%b1%e7%89%87/" rel="bookmark">Adobe Illustrator CS5 新功能影片</a></p>
							</div>

		</li>
				    	</ul><!--/.alx-posts-->

</div>
<div id="tag_cloud-3" class="widget widget_tag_cloud"><h3 class="widget-title">內容標籤</h3><div class="tagcloud"><a href="https://cloudlab.tw/tag/actionscript/" class="tag-cloud-link tag-link-27 tag-link-position-1" style="font-size: 20.03305785124pt;" aria-label="ActionScript (21 個項目)">ActionScript</a>
<a href="https://cloudlab.tw/tag/adobe/" class="tag-cloud-link tag-link-53 tag-link-position-2" style="font-size: 8pt;" aria-label="Adobe (1 個項目)">Adobe</a>
<a href="https://cloudlab.tw/tag/angularjs/" class="tag-cloud-link tag-link-50 tag-link-position-3" style="font-size: 14.363636363636pt;" aria-label="AngularJS (6 個項目)">AngularJS</a>
<a href="https://cloudlab.tw/tag/bootstrape/" class="tag-cloud-link tag-link-52 tag-link-position-4" style="font-size: 8pt;" aria-label="Bootstrape (1 個項目)">Bootstrape</a>
<a href="https://cloudlab.tw/tag/box2d/" class="tag-cloud-link tag-link-32 tag-link-position-5" style="font-size: 13.553719008264pt;" aria-label="Box2D (5 個項目)">Box2D</a>
<a href="https://cloudlab.tw/tag/brackets/" class="tag-cloud-link tag-link-54 tag-link-position-6" style="font-size: 8pt;" aria-label="Brackets (1 個項目)">Brackets</a>
<a href="https://cloudlab.tw/tag/css/" class="tag-cloud-link tag-link-51 tag-link-position-7" style="font-size: 17.02479338843pt;" aria-label="CSS (11 個項目)">CSS</a>
<a href="https://cloudlab.tw/tag/dom4j/" class="tag-cloud-link tag-link-64 tag-link-position-8" style="font-size: 8pt;" aria-label="dom4j (1 個項目)">dom4j</a>
<a href="https://cloudlab.tw/tag/dsm/" class="tag-cloud-link tag-link-67 tag-link-position-9" style="font-size: 8pt;" aria-label="DSM (1 個項目)">DSM</a>
<a href="https://cloudlab.tw/tag/emmet/" class="tag-cloud-link tag-link-56 tag-link-position-10" style="font-size: 10.082644628099pt;" aria-label="Emmet (2 個項目)">Emmet</a>
<a href="https://cloudlab.tw/tag/facebook/" class="tag-cloud-link tag-link-31 tag-link-position-11" style="font-size: 12.628099173554pt;" aria-label="Facebook (4 個項目)">Facebook</a>
<a href="https://cloudlab.tw/tag/flash/" class="tag-cloud-link tag-link-16 tag-link-position-12" style="font-size: 19.570247933884pt;" aria-label="Flash (19 個項目)">Flash</a>
<a href="https://cloudlab.tw/tag/flash-catalyst/" class="tag-cloud-link tag-link-49 tag-link-position-13" style="font-size: 8pt;" aria-label="Flash Catalyst (1 個項目)">Flash Catalyst</a>
<a href="https://cloudlab.tw/tag/html/" class="tag-cloud-link tag-link-29 tag-link-position-14" style="font-size: 22pt;" aria-label="HTML (31 個項目)">HTML</a>
<a href="https://cloudlab.tw/tag/illustrator/" class="tag-cloud-link tag-link-15 tag-link-position-15" style="font-size: 8pt;" aria-label="Illustrator (1 個項目)">Illustrator</a>
<a href="https://cloudlab.tw/tag/ios/" class="tag-cloud-link tag-link-34 tag-link-position-16" style="font-size: 8pt;" aria-label="iOS (1 個項目)">iOS</a>
<a href="https://cloudlab.tw/tag/java/" class="tag-cloud-link tag-link-63 tag-link-position-17" style="font-size: 12.628099173554pt;" aria-label="JAVA (4 個項目)">JAVA</a>
<a href="https://cloudlab.tw/tag/javascript/" class="tag-cloud-link tag-link-57 tag-link-position-18" style="font-size: 18.181818181818pt;" aria-label="Javascript (14 個項目)">Javascript</a>
<a href="https://cloudlab.tw/tag/jquery/" class="tag-cloud-link tag-link-28 tag-link-position-19" style="font-size: 19.570247933884pt;" aria-label="jQuery (19 個項目)">jQuery</a>
<a href="https://cloudlab.tw/tag/line/" class="tag-cloud-link tag-link-46 tag-link-position-20" style="font-size: 8pt;" aria-label="Line (1 個項目)">Line</a>
<a href="https://cloudlab.tw/tag/mysql/" class="tag-cloud-link tag-link-48 tag-link-position-21" style="font-size: 8pt;" aria-label="MySQL (1 個項目)">MySQL</a>
<a href="https://cloudlab.tw/tag/photoshop/" class="tag-cloud-link tag-link-19 tag-link-position-22" style="font-size: 8pt;" aria-label="Photoshop (1 個項目)">Photoshop</a>
<a href="https://cloudlab.tw/tag/php/" class="tag-cloud-link tag-link-47 tag-link-position-23" style="font-size: 11.471074380165pt;" aria-label="PHP (3 個項目)">PHP</a>
<a href="https://cloudlab.tw/tag/poi/" class="tag-cloud-link tag-link-65 tag-link-position-24" style="font-size: 8pt;" aria-label="POI (1 個項目)">POI</a>
<a href="https://cloudlab.tw/tag/steve-jobs/" class="tag-cloud-link tag-link-36 tag-link-position-25" style="font-size: 10.082644628099pt;" aria-label="Steve Jobs (2 個項目)">Steve Jobs</a>
<a href="https://cloudlab.tw/tag/synology/" class="tag-cloud-link tag-link-66 tag-link-position-26" style="font-size: 8pt;" aria-label="Synology (1 個項目)">Synology</a>
<a href="https://cloudlab.tw/tag/wck/" class="tag-cloud-link tag-link-33 tag-link-position-27" style="font-size: 13.553719008264pt;" aria-label="WCK (5 個項目)">WCK</a></div>
</div><div id="meta-2" class="widget widget_meta"><h3 class="widget-title">研究室功能</h3>
		<ul>
						<li><a href="https://cloudlab.tw/wp/wp-login.php">登入</a></li>
			<li><a href="https://cloudlab.tw/feed/">訂閱網站內容的資訊提供</a></li>
			<li><a href="https://cloudlab.tw/comments/feed/">訂閱留言的資訊提供</a></li>

			<li><a href="https://tw.wordpress.org/">WordPress.org 台灣繁體中文</a></li>
		</ul>

		</div>
		</div><!--/.sidebar-content-->

	</div><!--/.sidebar-->

	

        </div><!--/.main-inner-->
      </div><!--/.main-->
    </div><!--/.container-inner-->
  </div><!--/.container-->
    <footer id="footer">

    
    
    
    <section class="container" id="footer-bottom">
      <div class="container-inner">

        <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a>

        <div class="hu-pad group">

          <div class="grid one-half">
                        
            <div id="copyright">
                <p>Copyright © 2015 Stanley Ma All rights reserved.</p>
            </div><!--/#copyright-->

                                                          <div id="credit" style="">
                    <p>Powered by&nbsp;<a class="fab fa-wordpress" title="Powered by WordPress" href="https://wordpress.org/" target="_blank" rel="noopener noreferrer"></a> - Designed with the&nbsp;<a href="https://presscustomizr.com/hueman/" title="Hueman theme">Hueman theme</a></p>
                  </div><!--/#credit-->
                          
          </div>

          <div class="grid one-half last">
                                          <ul class="social-links"><li><a rel="nofollow noopener noreferrer" class="social-tooltip"  title="史坦利愛分享" aria-label="史坦利愛分享" href="http://ishare.games/" target="_blank" ><i class="fab fa-youtube"></i></a></li></ul>                                    </div>

        </div><!--/.hu-pad-->

      </div><!--/.container-inner-->
    </section><!--/.container-->

  </footer><!--/#footer-->

</div><!--/#wrapper-->

<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp\/wp-*.php","\/wp\/wp-admin\/*","\/wp\/wp-content\/uploads\/*","\/wp\/wp-content\/*","\/wp\/wp-content\/plugins\/*","\/wp\/wp-content\/themes\/hueman\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script src="https://cloudlab.tw/wp/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script id="hu-front-scripts-js-extra">
var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":true,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":"","extLinksTargetExt":"","extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":"","imgSmartLoadOpts":{"parentSelectors":[".container .content",".post-row",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100,"threshold":0}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","sbStickyUserSettings":{"desktop":false,"mobile":false},"sidebarOneWidth":"340","sidebarTwoWidth":"260","isWPMobile":"","menuStickyUserSettings":{"desktop":"stick_up","mobile":"stick_up"},"mobileSubmenuExpandOnClick":"1","submenuTogglerIcon":"<i class=\"fas fa-angle-down\"><\/i>","isDevMode":"","ajaxUrl":"https:\/\/cloudlab.tw\/?huajax=1","frontNonce":{"id":"HuFrontNonce","handle":"d54730df42"},"isWelcomeNoteOn":"","welcomeContent":"","i18n":{"collapsibleExpand":"Expand","collapsibleCollapse":"Collapse"},"deferFontAwesome":"","fontAwesomeUrl":"https:\/\/cloudlab.tw\/wp\/wp-content\/themes\/hueman\/assets\/front\/css\/font-awesome.min.css?3.7.27","mainScriptUrl":"https:\/\/cloudlab.tw\/wp\/wp-content\/themes\/hueman\/assets\/front\/js\/scripts.min.js?3.7.27","flexSliderNeeded":"","flexSliderOptions":{"is_rtl":false,"has_touch_support":true,"is_slideshow":false,"slideshow_speed":5000}};
</script>
<script src="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/js/scripts.min.js?ver=3.7.27" id="hu-front-scripts-js" defer></script>
<!--[if lt IE 9]>
<script src="https://cloudlab.tw/wp/wp-content/themes/hueman/assets/front/js/ie/respond.js"></script>
<![endif]-->
</body>
</html>

Latest requests

# Url Url Source Date
1 https://cloudlab.tw/javascript-%E4… 2026-10-21 09:19:57
2 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:56
3 https://www.thebolditalic.com/?gi=… 2026-10-21 09:19:56
4 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:55
5 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:55
6 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:54
7 https://oxodirectory.com/&quot%3B/… 2026-10-21 09:19:52
8 https://auth.mediacorp.sg/u/login?… 2026-10-21 09:19:52
9 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:52
10 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:51
11 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:51
12 https://auth.acog.org/OAuth/SignIn… 2026-10-21 09:19:50
13 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:50
14 https://auth.acog.org/OAuth/SignIn… 2026-10-21 09:19:50
15 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:49
16 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:49
17 https://auth.acog.org/OAuth/SignIn… 2026-10-21 09:19:49
18 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:49
19 https://www.texarkanatwins.com/%25… 2026-10-21 09:19:48
20 https://www.thebolditalic.com/?gi=… 2026-10-21 09:19:48