#
jQuery & Javascript

Javascript object 如何保有原本的 key ordering

2020/12/12

什麼時候 Javascript 的 Object 會有順序問題?

答案:Integer key 值會由小排到大,並且排序會大於其他 string key。

我們先寫一個 function log object 的順序。

1. 一個正常的 object。

沒問題,結果是我們要的。

2. 一個 key 由英文、數字混合而成的 object。

沒問題,如果你剛好需要 Integer key 自動排序並永遠在前,那太感謝 javascript 了。

解決辦法

沒有解決辦法。

或許你可以查一下有沒有原生 function 能取得原本的順序,如果你打算這麼做的話,我幫你查好了。

你可以試一下,我這邊不暴雷。

替代方案

1. 改用 map ,不是 array function 的 map,而是 ES6 新加入的資料型態,他可以保持原本的順序。

2. 如果你有特殊原因非得用 Object,你只能把順序另外存在 array 當中了。

Lai Dave
一個仍在尋找方向的菜鳥軟體工程師。

#
Ionic jQuery & Javascript 筆記

Ionic 4 Events 換 RxJS

2020/04/21

本週為了 icon 把 Ionic 4 升級到 5 了,有點吃飽了沒事幹,升級之後才想到 Events 淘汰了,評估過後決定改用 RxJS 的 Subject 來替換原本的功能,底下就簡單紀錄一下相關寫法。

趙大衛
貫徹死了都要創業為信念,卻差一點讓口號變成事實! 目前正在進行第一次修養,請多多支持。

#
jQuery & Javascript

好用的 Darkmode.js

2019/07/05

公司同事在反應說,後台的介面太刺眼了,可不可以有 Dark mode?

怎麼可能呢,人力都不足了,爛 code 一堆等著擦屁股,就先忍忍吧!

不然也可以用 Chrome 的外掛阿。

趙大衛
貫徹死了都要創業為信念,卻差一點讓口號變成事實! 目前正在進行第一次修養,請多多支持。

jQuery & Javascript

讓行動網頁也能鎖定手機方向 – Javascript

2017/12/07

之前就有試著找方法想關閉行動網頁的橫向模式 ( landscape ),一般行動網頁,我實在想不道什麼情境下會需要橫向瀏覽,再加上如果網頁的 responsive 沒有處理的很好,版面常常要再做調整,所以如果可以向 App 一樣禁用某一個方向就太好了!

趙大衛
貫徹死了都要創業為信念,卻差一點讓口號變成事實! 目前正在進行第一次修養,請多多支持。