Javascript畢包是一個(gè)非常常用的工具庫(kù),尤其是在web前端開(kāi)發(fā)中。它的功能非常豐富,包含了很多實(shí)用的函數(shù)和方法,可以幫助我們更加方便快捷地完成各種功能。下面我們就來(lái)看看Javascript畢包的一些實(shí)用功能。
1. 操作數(shù)組
// 判斷一個(gè)值是否在數(shù)組中 _.contains([1, 2, 3], 2); // true // 去除數(shù)組中的重復(fù)項(xiàng) _.uniq([1, 1, 2, 3, 2, 4, 5]); // [1, 2, 3, 4, 5] // 數(shù)組排序 _.sortBy([3, 1, 4, 2], function(num){ return num; }); // [1, 2, 3, 4]
2. 操作對(duì)象
// 獲取對(duì)象的屬性值 _.property('name')({name: 'Tom'}); // 'Tom' // 向?qū)ο筇砑訉傩? _.extend({name: 'Tom'}, {age: 18}); // {name: 'Tom', age: 18} // 對(duì)象序列化 _.serialize({name: 'Tom', age: 18}); // 'name=Tom&age=18'
3. 操作字符串
// 判斷一個(gè)字符串是否包含指定的子字符串 _.contains('hello world', 'o'); // true // 將字符串轉(zhuǎn)為駝峰式命名 _.camelCase('hello_world'); // 'helloWorld' // 將字符串中的html標(biāo)簽去除 _.stripTags('hello world
'); // 'hello world'
4. 操作函數(shù)
// 函數(shù)節(jié)流 var fn = _.throttle(function(){ // do something... }, 1000); // 函數(shù)去抖 var fn = _.debounce(function(){ // do something... }, 1000); // 函數(shù)柯里化 function add(x, y) { return x + y; } var curriedAdd = _.curry(add); var add5 = curriedAdd(5); add5(3); // 8
5. 操作集合
// 遍歷集合中的所有元素 _.each([1, 2, 3], function(num){ console.log(num); }); // 選出集合中符合條件的元素 _.filter([1, 2, 3, 4], function(num){ return num % 2 === 0; }); // [2, 4] // 對(duì)集合中的元素進(jìn)行求和 _.reduce([1, 2, 3, 4], function(memo, num){ return memo + num; }, 0); // 10
總之,Javascript畢包是一個(gè)非常實(shí)用的工具庫(kù),可以幫助我們更加方便快捷地完成各種功能。同時(shí),它的文檔非常詳細(xì),大家可以根據(jù)自己的需要來(lái)查找所需的函數(shù)和方法。但是,我們也要注意,過(guò)度依賴工具庫(kù)并不好,需要我們具備扎實(shí)的編程功底和豐富的經(jīng)驗(yàn)。