Underscore之Array的示例分析

這篇文章主要為大家展示了“Underscore之Array的示例分析”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Underscore之Array的示例分析”這篇文章吧。

10年的岑鞏網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對(duì)設(shè)計(jì)、前端、開(kāi)發(fā)、售后、文案、推廣等六對(duì)一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。全網(wǎng)整合營(yíng)銷推廣的優(yōu)勢(shì)是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整岑鞏建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無(wú)論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“岑鞏網(wǎng)站設(shè)計(jì)”,“岑鞏網(wǎng)站推廣”以來(lái)，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

underscore為Array提供了許多工具類方法，可以更方便快捷地操作Array。

first / last

顧名思義，這兩個(gè)函數(shù)分別取第一個(gè)和最后一個(gè)元素：

'use strict';
var arr = [2, 4, 6, 8];
_.first(arr); // 2
_.last(arr); // 8

flatten

flatten()接收一個(gè)Array，無(wú)論這個(gè)Array里面嵌套了多少個(gè)Array，flatten()最后都把它們變成一個(gè)一維數(shù)組：

'use strict';

_.flatten([1, [2], [3, [[4], [5]]]]); // [1, 2, 3, 4, 5]

zip / unzip

zip()把兩個(gè)或多個(gè)數(shù)組的所有元素按索引對(duì)齊，然后按索引合并成新數(shù)組。例如，你有一個(gè)Array保存了名字，另一個(gè)Array保存了分?jǐn)?shù)，現(xiàn)在，要把名字和分?jǐn)?shù)給對(duì)上，用zip()輕松實(shí)現(xiàn)：

'use strict';

var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.zip(names, scores);
// [['Adam', 85], ['Lisa', 92], ['Bart', 59]]

unzip()則是反過(guò)來(lái)：

'use strict';
var namesAndScores = [['Adam', 85], ['Lisa', 92], ['Bart', 59]];
_.unzip(namesAndScores);
// [['Adam', 'Lisa', 'Bart'], [85, 92, 59]]

object

有時(shí)候你會(huì)想，與其用zip()，為啥不把名字和分?jǐn)?shù)直接對(duì)應(yīng)成Object呢？別急，object()函數(shù)就是干這個(gè)的：

'use strict';

var names = ['Adam', 'Lisa', 'Bart'];
var scores = [85, 92, 59];
_.object(names, scores);
// {Adam: 85, Lisa: 92, Bart: 59}

注意_.object()是一個(gè)函數(shù)，不是JavaScript的Object對(duì)象。

range

range()讓你快速生成一個(gè)序列，不再需要用for循環(huán)實(shí)現(xiàn)了：

'use strict';

// 從0開(kāi)始小于10:
_.range(10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

// 從1開(kāi)始小于11：
_.range(1, 11); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

// 從0開(kāi)始小于30，步長(zhǎng)5:
_.range(0, 30, 5); // [0, 5, 10, 15, 20, 25]

// 從0開(kāi)始大于-10，步長(zhǎng)-1:
_.range(0, -10, -1); // [0, -1, -2, -3, -4, -5, -6, -7, -8, -9]

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

當(dāng)前標(biāo)題：Underscore之Array的示例分析
文章地址：http://muchs.cn/article12/igeodc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、云服務(wù)器、商城網(wǎng)站、網(wǎng)站維護(hù)、軟件開(kāi)發(fā)、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(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)