lodash導入とアンダースコア

Lodashとアンダースコアは広く、フロントエンドの開発者に使用されている現代のJavaScriptフレームワークの非常に良いツールのコレクションです。

公式のように説明したように、Lodashは、一貫性のあるインターフェースがJavaScriptライブラリ用のモジュール、高性能なツールである持っています。Lodashちょうどはるかにアンダースコアよりもパフォーマンスlodash、他の成功した後、フォークUnderscore.jsの始まりと元に基づいてより大きな成果を達成しました。そのため、多くはLodashの腕の中にアンダーモジュールをあきらめました。現在、lodash NPM倉庫は最も依存ライブラリです。LodashグローバルプラスjQueryの$関数の使用前と同じように_すべての機能がグローバルを必要と使用しています。lodash使用が大幅にあなたはコードと時間を記述するコードの量を減少させます。

[ (http://lodashjs.com/docs/)のlodashを添付のAPIドキュメント]  ]

次は、いくつかの簡単な使用方法を示しています。

循環

// 典型的循环写法
for(let i = 0;i < 5;i++){
  //todo
}
 
// lodash写法
_.times(5,()=>{
  //todo
})

濾過

_.compact([0,1,false,2,'',underfined,3])
// => [1,2,3]

 

直接偽の値のうち選択されたすべてのデータを削除する機能を通じて、それは珍しいトラバーサルよりも便利です。

var arr1 = [1,2,3,4]
var arr2 = _.remove(arr1,(n) => {
  return n%2 == 0
})
 
//arr1 => [1,3]
//arr2 => [2,4]

元の配列要素は、除去の動作を変更することながら、方法_.removeにより()、選択された配列要素が条件を満たして削除し、新しいアレイを形成します。

イテレーション

var arr = [{
  name: 'linge',
  son: [{name: 'liu'},{name: 'chen'}]
},{
  name: 'huangxiaoshu',
  son: [{name: 'diao'},{name: 'xu'}]
}]
 
_.map(arr,'name')  //['linge','huangxiaoshu']
_.map(arr,'son[0].name')  //['liu','diao']

lodashマップ方式、すなわち、それは使用することができ、また、非常に強力であり、_.map(arr,()=>{//todo}) 実際の開発に非常に有用であることアレイJS反復のネイティブ形態、深くネストされた地図オブジェクト属性を横断することができる方法はさらにlodashとして。

オブジェクトの拡張

//Lodash
_.assign({name: 'shidiao',age: 38},{sex: 'famale'},{name: 'liushitao'})
//ES6新增函数
Object.assign({name: 'shidiao',age: 38},{sex: 'famale'},{name: 'liushitao'})
//{name: 'liushitao',age: 38,sex: 'female'}

新しいES6のの関数であるだけ浅いコピーでodash _.assign、Object.assignリピート機能。

クローニング深
個人的には、クローニングの深さは、関数内で最高のlodashの一つだと思います。我々はすべて知っているように、JavaScriptオブジェクトをクローンの深さが非常に面倒なことですが、あなたは操作をクローニングの面倒な深さを完了助けに単純な単一_.cloneDeepの簡単な方法をlodash、_.clone(OBJ、真)も同じ役割を果たすことができ、しかし_.cloneは、クローニングの深さのレベルを指定することができます。

var obj = {
  name: 'linge',
  son: [{name: 'liu'},{name: 'chen'}]
};
var deep = _.cloneDeep(obj);
obj === deep //false

選択されたオブジェクトのプロパティの削除

var obj = {
  name: 'linge',
  age: 20
}
 
_.omit(obj, 'age')  // {name: 'linge'}

この方法は、実際の開発プロジェクトに非常に有用である、それは_.omitは元の配列を変更しない新しい配列を返すことは注目に値します。指定された属性を_.pick _.omit方法とは対照的に新しいアレイを形成するように選択することができます。

まとめ
全体的には、lodashそれは、コードの外観は、より合理なり、コードとロジックの可読性を向上させ、肥大化しないだろう、まだ非常に便利です。方法はの一部であってもよいし、ES6のための新たな方法で交換することが、その値をカバーしていませんでしたが。

 

参考記事:

https://segmentfault.com/a/1190000004460234

https://blog.csdn.net/lyz_linge/article/details/78217683

公開された94元の記事 ウォン称賛29 ビュー50000 +

おすすめ

転載: blog.csdn.net/weixin_41849462/article/details/88558354