lodash学習ノート(1)～

最初にlodashを見ると、彼の最初の_が見えます.ほとんどの方法は次の線を引いて始まります.このような「特徴」は初めて見ました.他のような関数に触れることができるかもしれません.
lodashの公式サイトに入ると、彼のAPI文書を簡単に見つけることができます.DevDocsとインターフェース文書を検索します.内容には違いがありません.
ゆっくりと勉強を始めて、array(配列)の方法から始まります.前のJavaScriptで一番上手なのもこれです.他のものよりも使いやすいです.
一、

_.chunk(array, [size=1])

chunkの意味は(ブロック)です.彼は一つの配列を一つのブロックに分けたのではないかと思われます.
答えは肯定的です.簡単な例を通して.

_.chunk(['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'],13);

この例には26の英字があり、後ろの数字は13で、それをカットすることを表しています.一つずつ13文字が含まれています.
結果は問題なく、簡単にカットできます.二つに分けて、一つに13の要素が含まれています.
しかし、私たちは毎回このように完璧にできるわけではありません.もし私たちがそれを10個ずつの元素にカットすれば、13を10に変えてもいいです.
その結果、3つに分けられます.前の二つには10個の要素が含まれています.3番目の部分には残りの6つの要素が保存されています.
›二、

_.compact(array)

compect(コンパクト)は、前の分解された2つの配列ブロックを結合したように見えるが、実際にはその意味ではなく、この関数の意味は、すべての「false」を示す項目を削除することである.
例えば:false、null、0、“”、undefined、NaN、簡単な小さい例がよく分かります.

_.compact([0, 1, false, 2, '', 3]);
// → [1, 2, 3]

この方法により、これらのfalseのデータを簡単に除去することができます.
三、

_.difference(array, [values])

ディfference(違い)
この方法の意味は、arrayからすべてのvaluesの値を排除することができます.簡単に言えば、array配列の中のすべての値がvaluesと同じ項目を削除することです.

_.difference([1, 2, 3], [1, 4, 5]);
// → [2, 3]

重い荷物を取りに行く中で、大きな助けがあるかもしれません.
四、

_.drop(array, [n=1])

drop(下降)
翻訳から見ても、この関数の意味はよく分かりません.例からよく分かります.

_.drop([1,2,3,4,5,6,7,8,9,10],3);
// → [4, 5, 6, 7, 8, 9, 10]

見つけましたか?下に3と表示された数字から後のデータを出力し、下に3と表示される前に削除しました.一つ見ています

_.drop([1,2,3,4,5,6,7,8,9,10],5);
// → [6, 7, 8, 9, 10]

効果の上からは変化が見られません.nの値が0であれば、配列の長さより長い場合、すべての項目が削除され、空の配列が返されます.
五、

_.dropRight(array, [n=1])

上の関数とよく似ています.名前もよく分かります.簡単な実験で彼を知ることができます.

_.dropRight([1,2,3,4,5,6,7,8,9,10],3);
// → [1, 2, 3, 4, 5, 6, 7]

前のものと比べて、彼を逆に処理しただけで、結果は逆に出力されませんでした.最後のいくつかの不要な要素を除去するために使用できます.
›六、

_.fill(array, value, [start=0], [end=array.length])

fill(埋める)
名前を聞くと、行列を補完して実験をするようです.

var Array = [1,2,3,4,5,6,7,8,9,0];
_.fill(Array,'a');
// → ["a", "a", "a", "a", "a", "a", "a", "a", "a", "a"]

配列のすべての項目をaに変えました.彼の役割は配列の元のデータを置き換えるために使われていますが、このように全部入れ替えてもあまり役に立ちません.
この時はこの二つの値を見てもいいです.「start=0」、「end=array.length」、この二つは現在はデフォルトですが、自分で設定できます.startは開始位置、end値は終了位置を意味します.

var Array = [1,2,3,4,5,6,7,8,9,0];
_.fill(Array,'*',5,8);
// → [1, 2, 3, 4, 5, "*", "*", "*", 9, 0]

これではっきりと見えます.5と表示された項目から彼らを8までに*に変えます.
七、

_.first(array)

Gets the first element of array.は、配列の最初のデータを得る.
名前と使い方は一目瞭然です.
エイリアス:

_.head

配列から最初のデータを取得し、なければundefinedを表示します.

_.first([1, 2, 3]);
// → 1

_.first([]);
// → undefined

八、

_.flatten(array, [isDeep])

flaten(平)という関数はネストをキャンセルするために使われています.isDeepがfalseである場合、再帰的にネストを解除します.このように.

_.flatten([1, [2, [3, [4]]]]);
// → [1, 2, [3, [4]]]

最外階のネストを解除します.
isDeepがtrueの場合、すべての入れ子を解除します.このように.

_.flatten([1, [2, [3, [4]]]],true);
// → [1, 2, 3, 4]

九、

_.flattenDeep(array)

この関数を使って、ネストをすべて解除することもできます.

_.flattenDeep([1, [2, [3, [4]]]]);
// → [1, 2, 3, 4]

この方法と_.flaten([1,[2,[3]],true);ほぼ同じです
十、

_.initial(array)

イニシャル(最初の)
この方法は、最後の要素以外のすべての要素を出力するために使用されます.

_.initial([1, 2, 3]);
// → [1, 2]

このデータのように、最後の3以外の要素を出力します.
最初から今まで、まだ完全に把握していない方法があります.

_.dropRightWhile(array, [predicate=_.identity], [thisArg])
_.dropWhile(array, [predicate=_.identity], [thisArg])
_.findIndex(array, [predicate=_.identity], [thisArg])

もっと深く勉強すればするほど、lodashの強さを感じられます.そのコードをよく理解する必要はありません.簡単な引用だけで、複雑な動作が完成できます.もっと多くの細部は自分で理解し、掘り下げます.