NEW ARTICLE
Google Colaboratory コマンドパレットを開くショートカットキー
  1. HOME
  2. lodash
  3. javascript lodashをチェーンで記述する

javascript lodashをチェーンで記述する

javascript lodashをチェーンで記述する

javascriptで、lodashをチェーンで記述するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

目次

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • lodash 4.17.21
  • ブラウザ chrome 100.0.4896.60
windows10にApacheのインストール
Javascript サンプル集はこちら

lodash使用

こちらのサイトから最新版を確認して、CDN版を使用してます。

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

チェーンで記述

チェーンで記述するには、「_」を使用します。

'use strict';

let users = [
  { 'user': 'yamada', 'age': 30 },
  { 'user': 'matui', 'age': 25 },
  { 'user': 'yamase', 'age': 35 }
];

// 年齢の低い順にソートして、テキストを挿入して配列化する
console.log(

  _(users).sortBy('age')
    .map(function (v) {
      return v.user + ' の年齢は ' + v.age;
    }).value()

)
use strictについてはこちら

実行結果を確認すると、チェーンで記述された結果が確認できます。