ゆるプロ日記ゆるっとプログラミングがんばる日記。2022年02月13日01:00この記事は約3分で読めます。検索条件や検索結果の絞り込み(ソート)や並び替えをしたい場面は本当によくあります。今回はそんな面倒なロジックとはおさらばできる、「match-sorter」というnpmモジュールを見つけたので、皆さんに共有します。ReactでもVueでもどちらでも利用可能なので安心してください。目次インストール使い方インストール以下のコマンドでインストールできます。node.js(npm)がインストールされていない場合は、インストール後にこのコマンドを実行してください。match-sorter使い方importすることでモジュールを利用できます。絞り込み&並び替え後の配列が返ってきます。元々の絞り込み対象の配列には影響はありません。連想配列のリストも余裕で絞り込めます。item.name]})さらに複雑なリストも絞り込み可能です。[]他にもいろんな条件に対応しているので、提供元のGitHubから確認してみてください。best-ma...github.comdaigoro大阪のエンジニアが書いているブログ。関連記事JavaScriptJavaScriptの連想配列で、複数のキーでグルーピングし、数値を合計値にする方法JavaScriptの連想配列で、複数のキーでグルーピングし、数値を合計値にする方法を解説します。JavaScript【第五回】JavaScript初心者が最強のTOEFLタイピングアプリを作りたい【画像追加】JavaScript初心者が、TOEFL学習用タイピングアプリを作っていきます。Hub】StoryBookプロジェクトを作成してgit管理するまでの手順について解説します。JavaScriptVue.js開発者がReactへの移行をスムーズに行うためのポイントVue.js開発者がReactへの移行をスムーズに行うためのポイントを解説します。JavaScript【Node.js】NPMモジュールを自作する9つのステップ【npm】NPMモジュールを自作する9つのステップを紹介しますJavaScript【第三回】JavaScript初心者が最強のTOEFLタイピングゲームを作りたい【機能追加】JavaScriptでTOEFL対策用のタイピングゲームを作っていきます。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。yurupronikkidaigoro大阪のエンジニアが書いているブログ。最高の拡張機能20選まとめ。最高の拡張機能10選まとめ。最高の拡張機能10選まとめ。o=t(s.addedNodes).find(e),n=0,l=o.length;n。