石家莊網(wǎng)站建設(shè):JavaScript 方法分享
目前絕大多數(shù)的軟件都會涉及數(shù)據(jù)收集和處理,在日常工作里,處理數(shù)組是再平常不過了的操作。忘掉 for 循環(huán)吧,別再使用老套的 (let i=0; i < value.length; i++ ) 了,接下來就由石家莊網(wǎng)站建設(shè)工程師為大家詳細介紹讓功力迅速升級的幾個 JavaScript 方法。
打個比方,你需要展示一系列產(chǎn)品,并且對數(shù)組進行分類、篩選、修改、更新等操作,又或者說你需要對數(shù)組做一些簡單的計算,比如加法乘法等等。那么,要怎么操作才是上策呢?
可能你聽到箭頭函數(shù)就搖頭,可能你不是一個喜歡花很多時間學新東西的人,可能你覺得這些都與你無關(guān),相信我,你不是唯一一個這樣想的人。接下來請先看我用 ES5(普通函數(shù)) 和 ES6(箭頭函數(shù))來實現(xiàn)這些操作。
注意: 箭頭函數(shù)和普通函數(shù)不完全是一回事兒,不能隨意相互替換改寫,記住,關(guān)鍵詞 this 在箭頭函數(shù)和普通函數(shù)里是兩個不同的東西。
本文涉及到的 JavaScript 方法列表:
1、展開操作符
2、for…of 循環(huán)
3、includes()
1. 展開操作符
展開操作符能用來將數(shù)組 (array) 內(nèi)的元素 展開 ,也可以用在對象常量 (object literals) 里。
使用展開操作符的好處有哪些?
1、是一個展示數(shù)組元素的簡單、直接的方式
2、適用于數(shù)組 (array) 和對象常量 (object literals)
3、是一個傳遞參數(shù)的快速、直接的方式
4、只用寫三個點…
2. for…of 循環(huán)
for...of 語句可以用來遍歷數(shù)組,也可以用來改寫元素,可以基本替換傳統(tǒng)的 for-loop 循環(huán)。
使用 for…of 循環(huán)的好處有哪些?
1、是一個更新元素的簡單方式
2、可以用來完成加法乘法等計算操作
3、可以和條件語句配合使用,比如 if,while,switch 等
4、寫出簡潔優(yōu)雅的代碼
3. Includes() 方法
includes() 方法用于檢查一個數(shù)組中是否含有某個字段,會返回 true 或者 false 值。用來檢驗的字段要注意大小寫,如果你得檢驗字段是 school,而數(shù)組中只有 SCHOOL,那么返回值就是 false。
使用 includes() 的好處有哪些?
1、是一個簡易的搜索功能
2、是一個快速判斷某字段是否存在的簡潔方式
3、可以使用條件語句來進行修改、篩選等操作
4、寫出可讀性更強的代碼
以上關(guān)于讓功力迅速升級的幾個 JavaScript 方法均屬石家莊網(wǎng)站建設(shè)工程師的個人觀點,大家如果對此有著不同的見解,可以關(guān)注公眾號“尚武科技”給我留言,大家可以交流一下自己的心德體會,共同學習進步。