Underscore.JS-環境設定

この章では、ローカルコンピューターでUnderscore.JSの作業環境をセットアップする方法について詳しく学習します。Underscore.JSでの作業を開始する前に、ライブラリにアクセスできる必要があります。次のいずれかの方法でファイルにアクセスできます-

方法1:ブラウザでUnderscore.JSファイルを使用する

この方法では、公式WebサイトからUnderscore.JSファイルが必要になり、ブラウザーで直接使用します。

ステップ1

最初のステップとして、Underscore.JSの公式ウェブサイトにアクセスします https://underscorejs.org/。

利用可能な最新のunderscore-min.jsファイルUMD(Production)を提供するダウンロードオプションが利用可能であることに注意してください。リンクを右クリックして、[名前を付けて保存]を選択します。ファイルは縮小の有無にかかわらず利用可能であることに注意してください。

ステップ2

今、含める underscore-min.jsscriptタグを付けて、Underscore.JSでの作業を開始します。これには、以下のコードを使用できます-

<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>

ここに与えられているのは、より良い理解のための実用的な例とその出力です-

<html>
   <head>
      <title>Underscore.JS - Working Example</title>
      <script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
      <style>
         div {
            border: solid 1px #ccc;
            padding:10px;
            font-family: "Segoe UI",Arial,sans-serif;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <div style = "font-size:25px" id = "list">
	  </div>
      <script type = "text/JavaScript">
         var numbers = [1, 2, 3, 4];
         var listOfNumbers = '';
         _.each(numbers, function(x) { listOfNumbers += x + ' ' });
         document.getElementById("list").innerHTML = listOfNumbers;
      </script>
   </body>
</html>

出力

方法2:Node.jsを使用する

この方法を選択する場合は、 Node.js そして npmシステムにインストールされています。次のコマンドを使用して、Underscore.JSをインストールできます-

npm install underscore

Underscore.JSが正常にインストールされると、次の出力を確認できます-

+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilities

ここで、Underscore.JSがNode.jsで正常に機能するかどうかをテストするには、ファイルtester.jsを作成し、それに次のコードを追加します-

var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);

上記のプログラムをに保存します tester.js。このプログラムをコンパイルして実行するには、次のコマンドを使用します。

コマンド

\>node tester.js

出力

1 2 3 4