lodashのclone(isDeep)とcloneDeepの検証 - LS&TK's SE Life Log
lodashには_.cloneと_.cloneDeepというオブジェクト複製のコマンドがあります。 cloneの方は基本的にShallowCloneととでも言うのか、参照の複製を行います。 一方cloneDeepは参照の複製ではなく、同じ値のオブジェクトを再生成して複製します。ここまでなら解りやすいですね。 ですがcloneにはisDeepというパラメータにtrueを渡すことでdeepにcloneできるというのです。 じゃぁclone(isDeep)とcloneDeepの違いはなんなんだ？ということで簡単に調べてみました。 var users = [ { 'user': 'john', 'age': 35 }, { 'user': 'fred', 'age': 29 } ]; var cloneShallow = _.clone(users); var cloneIsDeep = _.cl
lodash の forEach/map/reduce 系の関数を紹介 - Qiita
JavaScript を使っているなら lodash は大変便利なのですが、関数が多すぎてどれ使ったらいいのか解りづらいのが難点です。 ここではその中でも良く使う、配列ループ系の関数群を整理して紹介します。 forEach 系 配列/オブジェクトをループして処理する。 return false で break。 forEach: JS標準の forEach と違ってオブジェクトでも使える。 length プロパティがあったら配列と判断。forEachRight は逆順。 forIn: オブジェクト専用 forEach 。length の影響受けない。親クラスのプロパティも対象。forInRight は逆順。 forOwn: オブジェクト専用 forEach 。length の影響受けない。親クラスのプロパティは対象外。forInRight は逆順。 _.forEach([1, 2], fu
lodashでよく使う関数まとめ - matsukaz's blog
lodash は underscore.js とほとんど同じ機能を持つユーティリティライブラリです。 似たような関数名があったり、破壊的メソッドだったりして、正しい使い方をちょいちょい忘れてしまうので、よく使う関数を逆引き形式でまとめてみました。日本語の記事もあんまりなかったので紹介の意味でも。 他にもいろいろ機能はあるので、気になる人は lodashのdocs を見ると良いかと。 Array操作 データ取得 2つの配列間で、一致しない値だけ取得する _.difference(array, array) _.difference([1, 2, 3, 4, 5], [5, 2, 10]); // → [1, 3, 4] 複数の配列の積集合（共通する値）を取得する _.intersection(array...) _.intersection([1, 2, 3], [5, 2, 1, 4],
lodash自分用メモ Collection - Qiita
lodashは見ておこうと思い立ち、サイトの日本語メモを作成しました。 ↓ lodashのES6で書くとこうなるというのはこちらのサイト You Might Not Need Lodash _.countBy(collection, [iteratee=_.identity]) 配列から、[iteratee=_.identity]で渡した条件の結果をkey、条件に当てはまる値の数をvalueに返す。 公式）Creates an object composed of keys generated from the results of running each element of collection thru iteratee. The corresponding value of each key is the number of times the key was returned
lodash自分用メモ Array - Qiita
lodashは見ておこうと思い立ち、サイトの日本語メモを作成しました。 ↓ lodashのES6で書くとこうなるというのはこちらのサイト You Might Not Need Lodash Array(配列操作) _.chunk(array, [size=1]) 配列を引数の数で分割する 公式）Creates an array of elements split into groups the length of size. If array can't be split evenly, the final chunk will be the remaining elements. _.chunk(['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h'], 2); // [["a","b"],["c","d"],["e","f"],["g","h"]] _.comp
細かすぎるけど伝わって欲しいlodash.jsの話 - KAYAC engineers' blog
ギリギリの時間にこんばんは、12/2のアドベントカレンダーは、HTMLファイ部ののびーがお送りします。受託事業でWebフロントを書いたり、テクニカルディレクションをやったりしている人です。 さて今年はさっくりと、常日頃からお世話になっているlodash.jsというライブラリについて、掘り下げた紹介をさせていただきます。 lodash.jsとは https://lodash.com/ A modern JavaScript utility library delivering modularity, performance & extras. つまるところ、 ユーティリティー（なんか便利）関数を集めたやつ めっちゃかるい という特徴を持つライブラリです。近頃のフロントエンドの流行りであるThree.jsだったり、Vue.jsだったりといったものに比べると 地味 です。非常に地味ですが、個人的
配列で重複する項目を取り除くやつ4種。（配列とかおれおれAdvent Calendar2018 – 18日目） | Ginpen.com
配列とかおれおれAdvent Calendar2018 – 18日目 ありそうでないメソッド、それが重複排除です。 Underscore.jsやLodashには uniq() てのがあって、こんな感じ↓で使えます。
lodashを使ったオブジェクトのマージ - Qiita
私はReactをよく使いますが、とにかくオブジェクトのマジをよく使います。 通常、オブジェクトのマージにはObject.assign()やスプレッド演算子を使いますが、1階層しかないオブジェクトならいいのですが、ネストしたオブジェクトは標準機能では容易にマージできない（JSONに一度変換するとかすればできますが）ので、lodashを使ってみます。 準備 実装（テスト） たまたま開いていたプロジェクトがReact NativeだったのでRN環境で検証しました。 obj1とobj2を作り、 Object.assign()を利用 スプレッド演算子を利用 lodashを利用 の３つを試して結果を表示させています。 import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; //lodash im
javascriptでlodashを使ってディープコピーを簡単に行う - Qiita
検証の背景 Javascriptでオブジェクトなどを含む、 ディープコピーがうまくできない問題が話題になります。 そのあたりは下記サイト様をご参照ください。 ES6のObject.assignがシャローコピーなのでディープコピーする方法を考える [JavaScript]色々なディープコピー JavaScript:Array,Object,Map,Set,Dateをまとめてディープコピーする Node.jsのnpmで、 簡単にディープコピーができるものがあったので、 紹介します。 環境 node.js v8.12.0 npm v6.4.1 ライブラリを取得する lodashというライブラリは、 配列、オブジェクト、文字列を簡単に扱えるようになる、 人気のライブラリだそうです。 詳しくは下記公式サイトをご確認ください。 github npm なおブラウザでも使えるようです。（未検証） http
Lodash/Underscoreは必要ない（かも） - Qiita
Robert Chang氏によるYou don't (may not) need Lodash/Underscoreを和訳しました。 意訳が含まれるため、誤りやより良い表現などがあればご指摘頂けると助かります。 原文：https://github.com/cht8687/You-Dont-Need-Lodash-Underscore LodashとUnderscoreは必要ない（かも） LodashとUnderscoreは素晴らしいモダンなJavaScriptユーティリティライブラリであり、フロントエンド開発者に広く使われています。しかしながら、モダンブラウザがターゲットとなる場合、ES5やES6のおかげでネイティブにサポートされたメソッドが多くあることに気づくでしょう。プロジェクトの依存関係を減らし、ターゲットブラウザが明確になっているのであれば、LodashとUnderscoreは必要
JavaScriptで連想配列のソート - Qiita
流れ 「JavaScriptでオブジェクトのソートってなんかメソッドあったような。。」 「なんだっけ。。」※そもそも連想配列という言葉すら忘れている 「調べてみるとソートを自分で実装しないといけないっぽいのかな？」 「SQLのorder by的なすごい便利なのあったような気がする？」 といつもなるので備忘録。 ライブラリ https://lodash.com/docs/4.17.5 lodashというすごいメジャーなライブラリが便利です。 実装 See the Pen vue2.x orderBy by watabean (@watabean) on CodePen. 簡単に説明 lodashのインポートはこのように記述 （今回はcodePenで書いていて↓の記述はないです）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lodash _.findKey() Method - GeeksforGeeks
javascript — lodashを使ってオブジェクトを配列に変換する