JavaScript lodash常見用法系列小結(jié)
lodash一開始是Underscore.js庫的一個(gè)fork,因?yàn)楹推渌?Underscore.js的)貢獻(xiàn)者意見相左。John-David Dalton的最初目標(biāo),是提供更多“一致的跨瀏覽器行為……,并改善性能”。之后,該項(xiàng)目在現(xiàn)有成功的基礎(chǔ)之上取得了更大的成果,并于一月份發(fā)布了3.0版本。
下面給大家說下javascript lodash知識(shí),具體詳情如下所示:
1 _.compact用法
_.compact([0, 1, false, 2, '', 3,'mm']); var test = _.compact([-1,0, 1, false, 2, '', 3,'jj']); console.log(test); ----1,1,2,3,jj//輸出 沒有 0 false 空格
2_.different用法
var test = _.difference([1, 2, 3, 4, 5], [5, 2, 10]); console.log(test); 1,3,4//輸出結(jié)果 是輸出第一個(gè)數(shù)組有第二個(gè)數(shù)組沒有
3_.find用法
var characters = [ { 'name': 'barney', 'age': 36, 'blocked': false }, { 'name': 'fred', 'age': 40, 'blocked': true }, { 'name': 'pebbles', 'age': 1, 'blocked': false } ]; _.find(characters, function(chr) { console.log(chr.age); return chr.age < 40; });查找 for (var n = 0; n < activities.length; n++) { if (activities[n].name == bidList[0].activityName) { //(中間代碼省略)中間假設(shè)是對(duì)循環(huán)找到的活動(dòng)的對(duì)象中的一個(gè)屬性進(jìn)行改動(dòng),比如status,將它的值改為0; } 用_.find方法替換 _.find(activities,function(activity){ return activity.name == bidList[0].activityName}).status = 0; //這樣我們就通過find找到對(duì)應(yīng)的對(duì)象并進(jìn)行改值
4 用map 去除一些for循環(huán)
var a = [0,1,2,3,4] for (var i = 0;i < a.length;i++){ a[i] = a[i]+1; }
替換以后
_.map(a,function(num){ return num = num + 1; })
5 替換for以后 就替換 if
var a; if(activities.length){ a = 1; } if(!activities.legth){ a = 0; }
替換以后
var a = activities.length ? 1 : 0;
以上所述是小編給大家介紹的JavaScript lodash常見用法系列小結(jié),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
js實(shí)現(xiàn)仿微博滾動(dòng)顯示信息的效果
這篇文章主要介紹了js實(shí)現(xiàn)仿微博滾動(dòng)顯示信息的效果,通過由上往下滾動(dòng)來實(shí)現(xiàn)不斷顯示微博的,而且每一天新微博都是通過淡入效果顯示的,需要的朋友可以參考下2015-12-12JS/HTML5游戲常用算法之碰撞檢測 地圖格子算法實(shí)例詳解
這篇文章主要介紹了JS/HTML5游戲常用算法之碰撞檢測 地圖格子算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript碰撞檢測算法的相關(guān)原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2018-12-12詳解maxlength屬性在textarea里奇怪的表現(xiàn)
這篇文章主要介紹了maxlength屬性在textarea里奇怪的表現(xiàn)的相關(guān)資料,需要的朋友可以參考下2015-12-12JavaScript高級(jí)程序設(shè)計(jì)閱讀筆記(五) ECMAScript中的運(yùn)算符(一)
ECMAScript中的運(yùn)算符,學(xué)習(xí)js的朋友可以看看2012-02-02JavaScript異步編程的干貨知識(shí)點(diǎn)分享
異步是什么意思?如何實(shí)現(xiàn)異步編程?不同的異步模式有哪些?本文將圍繞這些問題和大家分享JavaScript異步編程中的重要知識(shí)點(diǎn),需要的可以學(xué)習(xí)一下2023-06-06如何理解JS函數(shù)防抖和函數(shù)節(jié)流
函數(shù)防抖和函數(shù)節(jié)流都是對(duì)函數(shù)進(jìn)行特殊的設(shè)置,減少該函數(shù)在某一時(shí)間段內(nèi)頻繁觸發(fā)帶來的副作用。二者只是采用的設(shè)置方式和原理不一樣,其最終的目的是一樣的。2021-05-05javascript中return,return true,return false三者的用法及區(qū)別
這篇文章主要介紹了javascript中return,return true,return false三者的用法及區(qū)別的相關(guān)資料,需要的朋友可以參考下2015-11-11JS實(shí)現(xiàn)的最簡Table選項(xiàng)卡效果
這篇文章主要介紹了JS實(shí)現(xiàn)的最簡Table選項(xiàng)卡效果,涉及簡單的JavaScript響應(yīng)鼠標(biāo)事件切換樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10