Underscore和Lo-Dash中的Collections _.each

weakish 發布于2019-08-19 17:28 / 1346人閱讀

摘要：遍歷集合，對集合中的每個元素執行回調。因此，上面的判斷等價于是預先定義的空對象，內部用于提前結束循環的標志，并沒有對外公開。

_.each

遍歷集合，對集合中的每個元素執行回調。

API Lo-Dash

_.forEach(collection [, callback=identity, thisArg])

Aliases

each

Arguments

collection (Array|Object|String): 要遍歷的集合

[callback=identity] (Function): 每次迭代中調用的函數

[thisArg] (任意): 綁定到callback的this

callback接受三個參數: (value, index|key, collection)

Returns

(Array, Object, String): 返回collection.

Underscore

_.each(list, iterator, [context])

Aliases

forEach

Arguments

list (Array|Object|String): 要遍歷的集合

iterator (Function): 每次迭代中調用的函數

[context] (任意): 綁定到callback的this

iterator接受三個參數: (element|value, index|key, list)

Returns

(Array, Object, String): 返回undefined.

Note

Lo-Dash可以省略回調函數，而Underscore則必須傳入

Lo-Dash可以通過在回調中返回false提前結束迭代

Lo-Dash會返回Collection從而允許鏈式操作，Underscore的返回值則是undefined

Example Lo-Dash

_.forEach([1,2,3])
// => 返回[1,2,3]

_([1, 2, 3]).forEach(alert).join(",");
// => alert每個數字并返回"1,2,3"

_.forEach({ "one": 1, "two": 2, "three": 3 }, alert);
// => alert每個數字value(不保證按照定義的順序執行)

Underscore

_.each([1, 2, 3], alert);
// => alert每個數字
_.each({one : 1, two : 2, three : 3}, alert);
// => alert每個數字value(不保證按照定義的順序執行)

Source Lo-Dash

function forEach(collection, callback, thisArg) {
    var index = -1,
    length = collection ? collection.length : 0;

    callback = callback && typeof thisArg == "undefined" ? callback : lodash.createCallback(callback, thisArg);
    if (typeof length == "number") {
        while (++index < length) {
            if (callback(collection[index], index, collection) === false) {
                break;
            }
        }
    } else {
        forOwn(collection, callback);
    }
    return collection;
}

Underscore

var each = _.each = _.forEach = function(obj, iterator, context) {
    if (obj == null) return;
    if (nativeForEach && obj.forEach === nativeForEach) {
      obj.forEach(iterator, context);
    } else if (obj.length === +obj.length) {
      for (var i = 0, l = obj.length; i < l; i++) {
        if (iterator.call(context, obj[i], i, obj) === breaker) return;
      }
    } else {
      for (var key in obj) {
        if (_.has(obj, key)) {
          if (iterator.call(context, obj[key], key, obj) === breaker) return;
        }
      }
    }
  };

Additional

obj.length === +obj.length
+obj: 將obj轉換成10進制數，否則返回NaN。因此，上面的判斷等價于obj.length && typeof obj.length == "number"

if (iterator.call(context, obj[i], i, obj) === breaker) return;
breaker是預先定義的空對象({})，Underscore內部用于提前結束循環的標志，并沒有對外公開。另外，因為對象的===比較的是對象地址，所以就算用戶在自己的iterator中返回{}，上述if仍然不成立

for in循環不會遍歷non-enumerable屬性，因此像Object的toString等就不會被迭代

GPU云服務器云服務器 map和each Collections google collections underscore

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/78555.html

underscore函數

摘要：提供如下函數，很是方便提供了常用的函數。建議使用，性能優異很多的實現。補充了缺少的對字符串的操作，不過有些其實原生就帶了。與配合使用無壓力。其他語言被移植到了其他語言，例如和。 underscore提供如下函數，很是方便： Underscore 提供了常用的函數。 Collections each map reduce reduceRight find filter whe...

DevYK 2019-08-19 14:28 評論0 收藏0
Lo-Dash 與 underscore，Prototype 與 jQuery，兩段恩怨情仇

摘要：一場恩怨，一段紛爭，一段歷史。后來崛起，并內置了庫，從此一炮而紅。可見，前端大戰以的完勝而告終。無疑，在目前瀏覽器不完全兼容的情況下，提供的是操作的最佳選擇。然而社區的意見偏向于，是唯一選擇。的貢獻者認為，現狀不會改變。這幾天更新我的之前寫的 Chrome 插件 ChromeSnifferPlus 可以探測正在使用的開源軟件或者 js 類庫，兩天的時間增加了 20 多個 js 庫的檢...

evin2016 2019-08-19 17:11 評論0 收藏0
用 Lo-Dash 替換 underscore

摘要：我用替換已經有一段時間了。更快，支持，并且擁有所缺乏的特性。這真是太棒了同樣聲稱類似，但是使用惰性求值，并發布了一些令人印象深刻的速度比較。如果你使用，不管在哪里使用包括，你應該花上幾分鐘切換到。我用Lo-Dash替換Underscore已經有一段時間了。Lo-Dash更快，支持AMD，并且擁有Underscore所缺乏的特性。同時，Lo-Dash和Underscore是100%兼容...

RyanQ 2019-08-19 14:27 評論0 收藏0
兼容多種模塊規范(AMD,CMD,Node)的代碼

摘要：主要區別是需要在聲明模塊時指定所有的依賴，通過形參傳遞依賴到模塊內容中。前言昨天，公司同事問了我如下一個問題： showImg(https://segmentfault.com/img/bVWXYP?w=548&h=346); 說他在看一個插件時，看到了源碼結構如截圖所示，他知道(function(){})()是一種立即執行函數，但是在截圖中，最后的那個圓括號里又寫了一個函數fun...

Shonim 2019-08-21 17:08 評論0 收藏0
underscore.php

摘要：是前端常用的庫，最近無意中發現原來它還有的移植。基本介紹絕大部分函數都移植過來了。用的是，可是這個在中已經用來表示了，所以改成了，雙下劃線。函數一覽絕大部分都移植過來了我自己更習慣寫原生。 underscore是前端常用的javascript庫，最近無意中發現原來它還有PHP的移植。基本介紹絕大部分函數都移植過來了。underscore.js用的是_，可是這個在PHP中已經用來...

winterdawn 2019-06-27 10:33 評論0 收藏0