當(dāng)你細(xì)細(xì)琢磨一個 JavaScript 庫(Underscore.js-4)

對象

對象檢索

獲取對象所有鍵 _.keys(object)

獲取object對象所有的屬性名稱。

_.keys({one: 1, two: 2, three: 3});
=> ["one", "two", "three"]

獲取對象所有值 _.values(object)

返回object對象所有的屬性值。

_.values({one: 1, two: 2, three: 3});
=> [1, 2, 3]

將對象轉(zhuǎn)為二維數(shù)組 _.pairs(object)

把一個對象轉(zhuǎn)變?yōu)橐粋€[key, value]形式的數(shù)組。是 _.object() 的逆運算。

_.pairs({one: 1, two: 2, three: 3});
=> [["one", 1], ["two", 2], ["three", 3]]

鍵值互換 _.invert(object)

返回一個object副本,使其鍵(keys)和值(values)對換。對于這個操作,必須確保object里所有的值都是唯一的且可以序列號成字符串.

_.invert({Moe: "Moses", Larry: "Louis", Curly: "Jerome"});
=> {Moses: "Moe", Louis: "Larry", Jerome: "Curly"};

枚舉對象的所有方法 _.functions(object)

別名: methods

返回一個對象里所有的方法名, 而且是已經(jīng)排序的 — 也就是說, 對象里每個方法(屬性值是一個函數(shù))的名稱.

_.functions(_);
=> ["all", "any", "bind", "bindAll", "clone", "compact", "compose" ...

對象拓展 _.extend(destination, *sources)

復(fù)制source對象中的所有屬性覆蓋到destination對象上,并且返回 destination 對象. 復(fù)制是按順序的, 所以后面的對象屬性會把前面的對象屬性覆蓋掉(如果有重復(fù)).

_.extend({name: 'moe'}, {age: 50});
=> {name: 'moe', age: 50}

這個功能類似于 ES5 提供的 Object.assign();

對象屬性篩選 _.pick(object, *keys)

返回一個object副本,只過濾出keys(有效的鍵組成的數(shù)組)參數(shù)指定的屬性值?;蛘呓邮芤粋€判斷函數(shù),指定挑選哪個key。

_.pick({name: 'moe', age: 50, userid: 'moe1'}, 'name', 'age');
=> {name: 'moe', age: 50}
_.pick({name: 'moe', age: 50, userid: 'moe1'}, function(value, key, object) {
  return _.isNumber(value);
});
=> {age: 50}

omit_.omit(object, *keys)
返回一個object副本,只過濾出除去keys(有效的鍵組成的數(shù)組)參數(shù)指定的屬性值。 或者接受一個判斷函數(shù),指定忽略哪個key。

_.omit({name: 'moe', age: 50, userid: 'moe1'}, 'userid');
=> {name: 'moe', age: 50}
_.omit({name: 'moe', age: 50, userid: 'moe1'}, function(value, key, object) {
  return _.isNumber(value);
});
=> {name: 'moe', userid: 'moe1'}

defaults_.defaults(object, *defaults)
用defaults對象填充object 中的undefined屬性。 并且返回這個object。一旦這個屬性被填充,再使用defaults方法將不會有任何效果。(感謝@一任風(fēng)月憶秋年的拍磚)

var iceCream = {flavor: "chocolate"};
_.defaults(iceCream, {flavor: "vanilla", sprinkles: "lots"});
=> {flavor: "chocolate", sprinkles: "lots"}

clone_.clone(object)
創(chuàng)建 一個淺復(fù)制(淺拷貝)的克隆object。任何嵌套的對象或數(shù)組都通過引用拷貝,不會復(fù)制。

_.clone({name: 'moe'});
=> {name: 'moe'};

tap_.tap(object, interceptor)
用 object作為參數(shù)來調(diào)用函數(shù)interceptor,然后返回object。這種方法的主要意圖是作為函數(shù)鏈?zhǔn)秸{(diào)用 的一環(huán), 為了對此對象執(zhí)行操作并返回對象本身。

_.chain([1,2,3,200])
  .filter(function(num) { return num % 2 == 0; })
  .tap(alert)
  .map(function(num) { return num * num })
  .value();
=> // [2, 200] (alerted)
=> [4, 40000]

has_.has(object, key)
對象是否包含給定的鍵嗎?等同于object.hasOwnProperty(key),但是使用hasOwnProperty 函數(shù)的一個安全引用,以防意外覆蓋。

_.has({a: 1, b: 2, c: 3}, "b");
=> true

property_.property(key)
返回一個函數(shù),這個函數(shù)返回任何傳入的對象的key 屬性。

var moe = {name: 'moe'};
'moe' === _.property('name')(moe);
=> true

matches_.matches(attrs)
返回一個斷言函數(shù),這個函數(shù)會給你一個斷言 可以用來辨別 給定的對象是否匹配attrs指定鍵/值屬性。

var ready = _.matches({selected: true, visible: true});
var readyToGoList = _.filter(list, ready);

類型判斷

是否相等 _.isEqual(object, other)

執(zhí)行兩個對象之間的優(yōu)化深度比較,確定他們是否應(yīng)被視為相等。

var moe   = {name: 'moe', luckyNumbers: [13, 27, 34]};
var clone = {name: 'moe', luckyNumbers: [13, 27, 34]};
moe == clone; // false
_.isEqual(moe, clone); // true

是否為空對象 _.isEmpty(object)

如果object 不包含任何值(沒有可枚舉的屬性),返回true。 對于字符串和類數(shù)組(array-like)對象,如果length屬性為0,那么_.isEmpty檢查返回true。

_.isEmpty([1, 2, 3]); //=> false    
_.isEmpty({}); // => true

是否為 DOM _.isElement(object)

如果object是一個DOM元素,返回true。

_.isElement(jQuery('body')[0]); // => true

是否為數(shù)組 _.isArray(object)

如果object是一個數(shù)組,返回true。

(function(){ return _.isArray(arguments); })(); // => false
_.isArray([1,2,3]); //=> true

是否為引用類型 _.isObject(value)

如果 value 是一個對象,返回true。需要注意的是JavaScript數(shù)組和函數(shù)是對象,字符串和數(shù)字不是。

_.isObject({});// => true
_.isObject(1); //=> false

是否為參數(shù)對象 _.isArguments(object)

如果object是一個參數(shù)對象,返回true。

(function(){ return _.isArguments(arguments); })(1, 2, 3); // => true
_.isArguments([1,2,3]); // => false

是否為函數(shù) _.isFunction(object)

如果object是一個函數(shù)(Function),返回true。

_.isFunction(alert); // => true

是否是字符串 _.isString(object)

如果object是一個字符串,返回true。

_.isString("moe"); // => true

是否是數(shù)值 _.isNumber(object)

如果object是一個數(shù)值,返回true (包括 NaN)。

_.isNumber(8.4 * 5); // => true

是否是有限數(shù) _.isFinite(object)

如果object是一個有限的數(shù)字,返回true。

_.isFinite(-101); // => true
_.isFinite(-Infinity); // => false

是否為布爾值 _.isBoolean(object)

如果object是一個布爾值,返回true。 不管 object 是真假

_.isBoolean(null); // => false
_.isBoolean(false); // => true

是否為時間類型對象 _.isDate(object)

如果object是一個Date類型(日期時間),返回true。

_.isDate(new Date()); // => true

是否為正則類型對象 _.isRegExp(object)

如果object是一個正則表達(dá)式,返回true。

_.isRegExp(/moe/); // => true

是否為有理數(shù) _.isNaN(object)

如果object是 NaN,返回true。
注意 :這和原生的isNaN函數(shù)不一樣,如果變量是undefined,原生的isNaN 函數(shù)也會返回 true 。

_.isNaN(NaN); // => true
isNaN(undefined); // => true
_.isNaN(undefined); // => false

是否為Null _.isNull(object)

如果object的值是 null,返回true。

_.isNull(null); // => true    
_.isNull(undefined); // => false

是否為Undefined _.isUndefined(value)

如果value是undefined,返回true。

_.isUndefined(window.missingVariable); // => true
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容