為了可以用 陣列(Array) 的方法對 JSON 的物件進行操作,我們必須先把 JSON 物件,轉換為 陣列(Array)
--------------------------------------------------------------------------------
說明:
拿下面 JSON object 為例:
var jsonObj = {"0":"1","1":"2","
相信大家對 jQuery 的 resize 與 scroll 等事件並不陌生,近期在開發 jQuery Plugin 時 , 碰到一個問題 , 我需要在
resize 事件發生時 , 針對 視窗的 放大 與 縮小 , 執行不同的 method 與 event
這類的需求,其實是非常常見的,像是 scroll 事件中,只針對滾輪在 往上 滾動時,讓隱藏的選單出現於畫面中,
目的:
* 優化 jQuery scroll 與 resize 的事件觸發
* 大幅減少重複的代碼,達到效能優化
> 參考文章:delay-scroll-handlers-javascript
[https://dannyvankooten.com/delay-scroll-handlers-javascript/]
底下文章皆以 scroll 事件為例:
--------------------------------------------------------------------------------
情境:
我們在開發互動式網站時,通常 scroll 事件都是少不了的,現在很多 UI 的設計都會對 滾動 這個事件進行客制化,畢竟他是使用者與網站最主要的互動。
在程式端,如果你使用是
JSON
是個以純文字為基底去儲存和傳送簡單結構資料,你可以透過特定的格式去儲存任何資料(字串,數字,陣列,物件),也可以透過物件或陣列來傳送較複雜的資料。一旦建立了您的
JSON 資料,就可以非常簡單的跟其他程式溝通或交換資料,因為 JSON 就只是純文字個格式:
--------------------------------------------------------------------------------
JSON.Stringify() 與 JSON.Pares() :
上述的 JSON 是一個型別(Type),是一個 Array Type。我們不能儲存或傳送「Type」,所以要將 Type
轉成字串(
每個 JavaScript 物件都會有 第二個 JavaScript 的物件與之關聯,而這個第二個的 JavaScript 物件就被稱呼為 “物件原型”
--------------------------------------------------------------------------------
> 而第一個物件就是從這個原型來繼承特性
參考方式:
JavaScript 中我們使用下列方式來參考原型物件
Object.prototype
且像是 ECMADscript 定義的 Native(原生)物件:Object() 、 Date() 、 Array() … 也都具有著 prototype
的原型物件
而當我們使用 new 與