前端必須學會的5個原生JavaScript物件方法

JavaScript
隨著node.js和基於JavaScript的各種框架的誕生,JavaScript在當今的網際網路越來越受到人們的重視,今天我們就來聊聊前端必須會的5個原生JavaScript物件方法。
JSON.stringify
難度指數:★ ★ ★ ★ ★
使用頻率:★ ★ ★ ★ ☆
應用1:將一系列的資料(陣列或者物件)轉換為JSON字串,然後通過介面提交到服務端。
應用2:輕鬆過濾不滿足條件的元素,並且是遞迴過濾。
應用3:輸出格式非常漂亮的JSON物件,方便您閱讀,而這個操作,僅僅需要設定該方法的第三個引數,即縮排的空格數。
Array.prototype.join
難度指數:★ ★ ★
使用頻率:★ ★ ★ ★ ★
在WEB應用開發中,經常需要這樣做,就是我們將滿足條件的資料放在一個數組裡面,當用戶點儲存時,我們便將這個陣列轉換為一個JSON字串或者一個以逗號分隔開的字串,然後將這個字串通過隱藏域或者AJAX的方式傳遞到服務端儲存起來,而這個方法就能夠做到以逗號分隔開。
以陣列儲存的應用比如:多選、自定義表單操作結果。
Array.prototype.includes
難度指數:★ ☆
使用頻率:★ ★ ☆ ☆ ☆
在WEB開發中,經常會有這樣一種需求,就是我們已經通過介面從服務端獲取了所有的資料,但是現在發現獲取的資料有部分並不是我們需要的,那麼這個時候,我們需要將不需要的資料剔除來,於是我們可以使用這個方法來驗證是否是我們需要的,不是的話就剔除。
Array.prototype.concat
難度指數:★ ★ ★ ☆
使用頻率:★ ★ ★ ☆ ☆
在自定義表單開發中,我們經常會遇到,將多個操作結果合併為一個結果然後賦予表單隱藏域提交,這樣做既能夠減少變數的個數,也能夠降低程式碼的維護成本,本方法就是將多個數組合併為一個數組。
型別陣列系列
難度指數:★ ★ ★ ★ ★
使用頻率:★ ★ ☆ ☆ ☆
學過C語言的人都知道,它是一種強型別語言,比如整型型別就有整型、短整型、長整型、雙長整型等。但是區別就是每個型別所佔位元組不同,分別是2個、1個、4個和8個位元組,為什麼需要這麼多種型別呢?原因就是節約記憶體,就是記憶體按最小需求分配,JavaScript從ECMAScript 2015開始,借鑑了C語言的這個特點,引入了Int8Array、Uint8Array、Uint32Array等等型別化陣列。
自己整理了一份最全面前端學習資料,從最基礎的HTML+CSS+JS [炫酷特效,遊戲,外掛封裝,設計模式]到移動端HTML5的專案實戰的學習資料都有整理,送給每一位前端小夥伴, 有想學習web前端的,或是轉行,或是大學生,還有工作中想提升自己能力的,正在學習的小夥伴歡迎加入學習。 加Q 裙:956940552(招募中)
為了鼓勵我們創造更多的原創文章,請動動你的小手指,分享、贊或評論一下,謝謝。