タグ付けされた質問 「lodash」

モジュール性、パフォーマンス、その他を提供する最新のJavaScriptユーティリティライブラリ

8
Angular 4 HttpClientクエリパラメータ
私は新しいとのAPIコールにクエリパラメータを渡す方法を探してきたHttpClientModuleのHttpClientと解決策を見つけるためには至っていません。古いHttpモジュールでは、次のように記述します。 getNamespaceLogs(logNamespace) { // Setup log namespace query parameter let params = new URLSearchParams(); params.set('logNamespace', logNamespace); this._Http.get(`${API_URL}/api/v1/data/logs`, { search: params }) } これにより、次のURLへのAPI呼び出しが発生します。 localhost:3001/api/v1/data/logs?logNamespace=somelogsnamespace しかし、新しいHttpClient get()メソッドにはsearchプロパティがないので、クエリパラメーターで渡す場所を知りたいのですが?

2
lodashのincludeメソッドを使用して、オブジェクトがコレクション内にあるかどうかを確認するにはどうすればよいですか?
lodashを使用すると、基本的なデータ型のメンバーシップを次のように確認できますincludes。 _.includes([1, 2, 3], 2) > true ただし、以下は機能しません。 _.includes([{"a": 1}, {"b": 2}], {"b": 2}) > false コレクションを検索する次のメソッドはうまく機能するように見えるので、これは私を混乱させます: _.where([{"a": 1}, {"b": 2}], {"b": 2}) > {"b": 2} _.find([{"a": 1}, {"b": 2}], {"b": 2}) > {"b": 2} 何が悪いのですか?コレクション内のオブジェクトのメンバーシップを確認するにはどうすればよいincludesですか? 編集:質問は元々lodashバージョン2.4.1向けでしたが、lodash 4.0.0向けに更新されました

13
マウントされていないコンポーネントでReact状態の更新を実行できません
問題 私はReactでアプリケーションを書いていますが、setState(...)後に呼び出される非常に一般的な落とし穴を回避できませんでしたcomponentWillUnmount(...)。 私は自分のコードを注意深く見て、いくつかの保護句を配置しようとしましたが、問題は解決せず、まだ警告を監視しています。 したがって、2つの質問があります。 スタックトレースから、どの特定のコンポーネントとイベントハンドラーまたはライフサイクルフックがルール違反の原因であるかをどのように把握しますか? さて、私のコードはこの落とし穴を念頭に置いて書かれていて、すでにそれを防ごうとしているので、問題自体を修正する方法ですが、いくつかの基礎となるコンポーネントはまだ警告を生成しています。 ブラウザコンソール Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. in TextLayerInternal (created by Context.Consumer) in TextLayer …

15
一致したアイテムを置き換えるためのlodashの関数はありますか
lodashにJavaScriptコレクションのアイテムを置き換えるより簡単な方法があるのでしょうか。(重複する可能性がありますが、私はそこの答えを理解していませんでした:) ドキュメントを確認したが何も見つからなかった 私のコードは: var arr = [{id: 1, name: "Person 1"}, {id:2, name:"Person 2"}]; // Can following code be reduced to something like _.XX(arr, {id:1}, {id:1, name: "New Name"}); _.each(arr, function(a, idx){ if(a.id === 1){ arr[idx] = {id:1, name: "Person New Name"}; return false; } }); _.each(arr, function(a){ document.write(a.name); }); …
134 javascript  lodash 


11
オブジェクト保持キーのマッピング
mapunderscore.js の関数は、JavaScriptオブジェクトで呼び出された場合、オブジェクトの値からマッピングされた値の配列を返します。 _.map({one: 1, two: 2, three: 3}, function(num, key){ return num * 3; }); => [3, 6, 9] キーを保存する方法はありますか?つまり、私は返す関数が欲しい {one: 3, two: 6, three: 9}

7
単一のLodash関数をインポートする方法は?
WebPACKのを使用して、私はインポートしようとしているのisEqualのため、lodashすべてのものを輸入しているようです。私は成功せずに次のことを試みました: import { isEqual } from 'lodash' import isEqual from 'lodash/lang' import isEqual from 'lodash/lang/isEqual' import { isEqual } from 'lodash/lang' import { isEqual } from 'lodash/lang'
128 javascript  lodash 

7
lodashを使用して配列を比較する(アイテムは順序なしで存在)
私はループを使用してそれを行うことができることを知っていますが、これを行うエレガントな方法を見つけようとしています: 2つの配列があります。 var array1 = [['a', 'b'], ['b', 'c']]; var array2 = [['b', 'c'], ['a', 'b']]; lodash上記の2つの配列が同じであることを確認するために使用します。「同じ」とは、にarray1含まれていないアイテムがないことを意味しarray2ます。 これらのアイテム間の同等性をチェックすることに関して: ['a', 'b'] == ['b', 'a'] または ['a', 'b'] == ['a', 'b'] 文字は常に正しいので、どちらも機能します。

7
Lodashを使用してJavaScriptオブジェクトのプロパティをループする
JavaScriptオブジェクトのプロパティをループすることは可能ですか?たとえば、次のように定義されたJavaScriptオブジェクトがあります。 myObject.options = { property1: 'value 1', property2: 'value 2' }; プロパティはこのオブジェクトに動的に追加されます。ループしてプロパティが存在するかどうかを確認する方法はありますか?もしそうなら、どうですか?
123 javascript  lodash 

13
Lodashタイトルケース(すべての単語の最初の文字を大文字)
私はlodashドキュメントと他のスタックオーバーフローの質問を調べています。このタスクを実行するためのネイティブJavaScriptの方法はいくつかありますが、純粋に lodash関数(または少なくとも既存のプロトタイプ関数)を使用して文字列をタイトルケースに変換する方法はありますか正規表現を使用したり、新しい関数を定義したりする必要がないようにするには? 例えば This string ShouLD be ALL in title CASe なるはず This String Should Be All In Title Case
107 javascript  lodash 

9
lodash .groupByを使用します。グループ化された出力に独自のキーを追加するにはどうすればよいですか?
このサンプルデータはAPIから返されます。 Lodash _.groupByを使用して、データをより使いやすいオブジェクトに変換しています。返される生データはこれです: [ { "name": "jim", "color": "blue", "age": "22" }, { "name": "Sam", "color": "blue", "age": "33" }, { "name": "eddie", "color": "green", "age": "77" } ] この_.groupBy関数が次のようなオブジェクトを返すようにしたい: [ { color: "blue", users: [ { "name": "jim", "color": "blue", "age": "22" }, { "name": "Sam", "color": "blue", "age": …

2
Lodashを使用して、オブジェクトの配列を値でソートします
(Lodashを使用して)「名前」の値で配列をソートしようとしています。Lodashドキュメントを使用して以下のソリューションを作成しましたが、.orderByはまったく影響を与えていないようです。誰かが配列をソートする正しい方法にいくつかの光を当てることができますか? 文字配列 [ { "id":25, "name":"Anakin Skywalker", "createdAt":"2017-04-12T12:48:55.000Z", "updatedAt":"2017-04-12T12:48:55.000Z" }, { "id":1, "name":"Luke Skywalker", "createdAt":"2017-04-12T11:25:03.000Z", "updatedAt":"2017-04-12T11:25:03.000Z" } ] 機能コード var chars = this.state.characters; _.orderBy(chars, 'name', 'asc'); // Use Lodash to sort array by 'name' this.setState({characters: chars})
97 arrays  lodash 

19
エラー:EACCES:権限が拒否されました
npm install lodashを実行しましたが、Error:EACCES:permission denied error がスローされます。私はそれが権限の問題であることを知っていますが、私の知る限り、sudo権限はノードモジュールをローカルにインストールするために必要ではありません。sudoで実行すると、〜/ node_modulesフォルダー内にインストールされます。drwxrwxr-xは、既存のフォルダのファイル権限です。何が悪いのかわからない。 以下はエラーメッセージです。 npm ERR! tar.unpack untar error /home/rupesh/.npm/lodash/4.13.1/package.tgz npm ERR! Linux 3.13.0-88-generic npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "install" "lodash" npm ERR! node v4.3.1 npm ERR! npm v2.14.12 npm ERR! path /home/rupesh/node_modules/lodash npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall mkdir npm …
96 node.js  lodash 

8
lodash:配列をオブジェクトにマッピング
これを実行するための組み込みのlodash関数はありますか? var params = [ { name: 'foo', input: 'bar' }, { name: 'baz', input: 'zle' } ]; そしてこれを出力します: var output = { foo: 'bar', baz: 'zle' }; 今私はただ使っていArray.prototype.reduce()ます: function toHash(array, keyName, valueName) { return array.reduce(function(dictionary, next) { dictionary[next[keyName]] = next[valueName]; return dictionary; }, {}); } toHash(params, 'name', 'input'); lodashのショートカットがあるかどうか疑問に思います。

3
Lodash:orderByを使用してコレクションで大文字と小文字を区別しない並べ替えを行う方法は?
私がチェックし、この答えはなく、大文字と小文字を区別しないソートを取得することで、同じ結果を達成するために、私が使用する必要があるorderByの代わりをsortByするので、それはソート順序を指定することができます。 それを達成するために私が見つけた唯一の方法は、小文字にマップされたクローンの「中間」配列を作成することでしたname: const users = [ { name: 'A', age: 48 }, { name: 'B', age: 34 }, { name: 'b', age: 40 }, { name: 'a', age: 36 } ]; let lowerCaseUsers = _.clone(users); lowerCaseUsers = lowerCaseUsers.map((user) => { user.name = user.name.toLowerCase(); return user; }); const sortedUsers = _.orderBy(lowerCaseUsers, …

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.