Lodash.js学習(一)——初めてLodashを知ります.


前言
Losh.jsは一貫性、モジュール化、高性能のJavaScriptユーティリティライブラリです.array、number、object、stringなどの使用難易度を下げることで、JavaScriptがより簡単になります.
Lodashのモジュール化方法は非常に適切である:
  • はarray、objectとstring
  • を遍歴します.
  • は、値を操作し、検出する
  • .
  • は、該当機能の関数
  • を作成する.
    したがって、loshを使用して、迅速に開発することができます.関連パッケージを通じて、関連する方法を呼び出すと、方法の複雑さを考慮することなく、自分が望む結果を得ることができます.開発者は公式文書に基づいて直接に具体的な導入依存を行うことができます.
    Lodashを導入する
    Lodash.jsを使うにはLodash.js開発パッケージを導入する必要があります.一般的には三つの方法があります.具体的には以下の通りです.
  • jsオフラインのファイルを導入して、直接公式サイトで関連のlodash.jsのバッグをダウンロードして、自分の開発プロジェクトの中に置いて、必要なファイルの中で導入します.
  • cdn : にはbootcdnを して オンラインに され、cdn ファイルダウンロードによるアクセス:
  • にパケット に して、webpackまたはglupのパッケージモードを って、 のプロジェクトの にlodashの パケットを せることができます. には、 の りです.
    まず、lodash パッケージのインストールを います.
    $ npm i -g npm
    $ npm i --save lodash
    
    その 、プロジェクトに パッケージをマウントします. に じてマウントを すればいいです.
    // Load the full build.
    var _ = require('lodash');
    // Load the core build.
    var _ = require('lodash/core');
    // Load the FP build for immutable auto-curried iteratee-first data-last methods.
    var fp = require('lodash/fp');
     
    // Load method categories.
    var array = require('lodash/array');
    var object = require('lodash/fp/object');
     
    // Cherry-pick methods for smaller browserify/rollup/webpack bundles.
    var at = require('lodash/at');
    var curryN = require('lodash/fp/curryN');
    

    のlosh を すると、 に って の を び すことができます. します.
  • _.chunk(array、[size=1]):sizeサイズでarray
  • を する.
    を のsize さのブロックに し、これらのブロックを たな にする.もしarrayがすべての のブロックに できないなら、 の りの はブロックを します.
    _.chunk(['a', 'b', 'c', 'd'], 2);
    // => [['a', 'b'], ['c', 'd']]
     
    _.chunk(['a', 'b', 'c', 'd'], 3);
    // => [['a', 'b', 'c'], ['d']]
    
  • _.comppact
  • しい を します. の のすべての を みます. えばfalse、null、0、「」、undefined、NaNはいずれも「false」と えられています.すなわち、 の の の を します.
    _.compact([0, 1, false, 2, '', 3]);
    // => [1, 2, 3]
    
    
  • _.concat
  • しい を して、arrayを の または に します.
    var array = [1];
    var other = _.concat(array, 2, [3], [[4]]);
     
    console.log(other);
    // => [1, 2, 3, [4]]
     
    console.log(array);
    // => [1]
    
  • lodash
  • lodashのcdnローディングアドレス:https://www.bootcdn.cn/lodash.js/
  • :Lodash.js ( ):difference さ
  • の を して、 します.