欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

JavaScript工具庫(kù)之Lodash的示例分析

小編給大家分享一下JavaScript工具庫(kù)之Lodash的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

紅河哈尼ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書(shū)未來(lái)市場(chǎng)廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書(shū)合作)期待與您的合作!

lodash演練

lodash主要使用了延遲計(jì)算,使得lodash其性能遠(yuǎn)遠(yuǎn)超過(guò)Underscore。在lodash中延遲計(jì)算意味著在我們的鏈?zhǔn)椒椒ㄔ陲@示或隱式的value()調(diào)用之前是不會(huì)執(zhí)行的。由于這種執(zhí)行的延后,因此lodash可以進(jìn)行shortcut fusion這樣的優(yōu)化,通過(guò)合并鏈?zhǔn)絠teratee大大降低迭代的次數(shù)。從而大大提供其執(zhí)行性能。

下面我們以用戶信息為例:

var users = [
{ 'user': 'barney', 'age': 36 },
{ 'user': 'fred', 'age': 40 },
{ 'user': 'pebbles', 'age': 18 }
];

1.獲取所有用戶名字,并以”,“分割

var names = _.chain(users)
.map(function(user){
return user.user;
})
.join(" , ")
.value();
console.log(names);

個(gè)人比較喜歡lodash延遲計(jì)算的現(xiàn)實(shí)value,以及JavaScript的函數(shù)式風(fēng)格。在這里首先將users對(duì)象包裝成為lodash對(duì)象,再map獲取所有用戶的名稱,并最后利用join將用戶名稱以”,“連接在一起。注意這里只是一串方法鏈,如果你沒(méi)有顯樣的調(diào)用value方法,使其立即執(zhí)行的化,你將會(huì)得到如下的LodashWrapper延遲表達(dá)式:

LodashWrapper {__wrapped__: LazyWrapper, __actions__: Array[1], __chain__: true, constructor: function, after: function…}

因?yàn)檠舆t表達(dá)式的存在,因此我們可以多次增加方法鏈,但這并不會(huì)被執(zhí)行,所以不會(huì)存在性能的問(wèn)題,最后知道我們需要使用的時(shí)候,使用value顯式立即執(zhí)行即可。

2. 獲取最年輕的用戶

var youngest = _.chain(users)
.min(function(user){
return user.age;
})
.value();
console.log(youngest);

這里利用了lodash提供的min函數(shù)可以輕易的解決。

在這里博主還希望用另外一個(gè)方式解釋lodash方法鏈的優(yōu)化,上面的方法可以等價(jià)為下面的方式,以age排序的第一個(gè)user:

var youngest2 = _.chain(users)
.sortBy("age")
.map(function(user){
console.log("map", user);
return user;
})
.first()
.value();
console.log(youngest2);

在這里博主多加了一個(gè)map作為log輸出,如果你執(zhí)行這行代碼的時(shí)候,你會(huì)驚奇的看見(jiàn)這里只會(huì)有一個(gè)user的輸出,這點(diǎn)可以證明在立即執(zhí)行的時(shí)候lodash為我們的方法鏈做了可靠的優(yōu)化;如果我們?nèi)サ鬴irst函數(shù)你則會(huì)看見(jiàn)有3個(gè)user對(duì)象的輸出。

3. 獲取最年長(zhǎng)的用戶

var oldest = _.chain(users)
.max(function(user){
return user.age;
})
.value();
console.log(oldest );

這里則使用lodash的max函數(shù)。

4. 用戶數(shù)組到用戶Map的轉(zhuǎn)換

在開(kāi)發(fā)中我們經(jīng)常會(huì)有把一堆素組形式的數(shù)據(jù)轉(zhuǎn)換為Object形式的數(shù)組,便于根據(jù)屬性key值查找,下面將以u(píng)ser對(duì)象來(lái)演示:

var userObj = _.chain(users)
.map(function(user){
return [user.user, user.age];
})
.zipObject()
.value();
console.log(userObj);

利用lodash首先將user數(shù)組map為[key, value]的數(shù)組集合,最后利用zipObject將結(jié)果轉(zhuǎn)換為Object對(duì)象,zipObject會(huì)利用結(jié)果集的第一項(xiàng)作為key,第二項(xiàng)作為value生產(chǎn)Object。

以上是“JavaScript工具庫(kù)之Lodash的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

網(wǎng)站名稱:JavaScript工具庫(kù)之Lodash的示例分析
URL分享:http://aaarwkj.com/article14/iijcde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供手機(jī)網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、小程序開(kāi)發(fā)App設(shè)計(jì)、靜態(tài)網(wǎng)站、面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都app開(kāi)發(fā)公司
国产精品精品国产一区二区| 国产国语久久91老女人| 美女网站色在线免费观看午夜精品| 国产亚洲中文久久网久久| 一区二区三区av天堂| 91久久精品国产一区| 亚洲综合偷拍欧美一区色| 日本道欧美一区二区aaaa| 国产夫妻性生活视频播放| 国产欧美一区二区三区高清| 曰韩精品一区二区三区乱码| 国产精品国产高清国产一区| 日日夜夜添添精品视频| 夜夜草视频在线免费观看| 中国美女下面毛茸茸视频| 日韩专区欧美二区国产| 日韩永久免费av网站| av影片免费网址大全| 蜜臀av在线国产一区 | 日本高清久久一区二区三区| 青青草原在线影视一区| 亚洲欧美国产精品日韩| 国产第一页第二页在线| 亚洲精品小视频在线观看| 日韩黄色一级片免费看| 日韩日韩毛片日韩毛片| 亚洲欧美综合精品二区| 日本熟女午夜福利视频| 国产成人综合亚洲国产| 亚洲av不卡一区二区在线观看 | 国产亚洲加勒比久久精品| 亚洲综合av一区二区| 亚洲青涩精品一区二区三区| 亚洲精品中文字幕乱码| 欧美 国产 综合 日韩| 亚洲最色最黄大片在线视频| 国产三级系列在线观看| 亚洲国产成人久久综合区| 四虎在线永久观看视频| 蜜桃视频中文字幕二区三区| 黄片超刺激在线看在线|