Python
 Computer >> コンピューター >  >> プログラミング >> Python

AngularJSのforEach()関数とは？使い方とサンプルコードをわかりやすく解説

AngularJSのforEach()関数は、イテレーターオブジェクトを使って、アイテムのコレクションやオブジェクト、配列を順番に処理（反復処理）するためのメソッドです。

iterator関数は、iteratorオブジェクト（value, key, obj）を引数として呼び出されます。それぞれの引数の意味は以下の通りです。

  • value：オブジェクトのプロパティ値、または配列の要素を表します
  • key：オブジェクトのプロパティキー、または配列要素のインデックスを指定します
  • obj：オブジェクト全体を表します

なお、forEach()関数は継承されたプロパティについては反復処理を行わない点に注意してください。オブジェクト自身が持つプロパティのみが対象となります。

構文

angular.forEach(obj, iterator, [context])

forEach()を使った値の反復処理の例

Angularプロジェクトのディレクトリに「forEach.html」というファイルを作成し、以下のコードスニペットをコピー＆ペーストしてください。

<!DOCTYPE html>
<html>
   <head>
      <title>angular.forEach()</title>

      <script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js">
      </script>
   </head>

   <body ng-app="app" ng-cloak style="padding:30px">
      <h1 style="color:green">
         Welcome to Tutorials Point
      </h1>
      <h2>AngularJS | angular.forEach()</h2>
         <p>Employee Names:</p>
      <div ng-controller="demo">
         <div ng-repeat="name in names">
            <ul><li>{{name}}</li></ul>
         </div>
      </div>

      <!-- Script for passing the values and checking... -->
      <script>
         var app = angular.module("app", []);
         app.controller('demo', ['$scope', function ($scope) {
            $scope.names = [];
            var values = [{name: 'John'},
                      {name: 'Steve'},
                      {name: 'Bill'},
                      {name: 'Clark'},
                      {name: 'Tim'}];
            angular.forEach(values, function (value, key) {
               $scope.names.push(value.name);
            });
         }]);
      </script>
   </body>
</html>

このサンプルコードでは、valuesという配列に5人分の社員データ（nameプロパティを持つオブジェクト）を格納し、angular.forEach()を使って各要素から名前を取り出しています。取り出した名前は$scope.namesに追加され、ビュー側ではng-repeatディレクティブによってリスト形式で表示されます。

実行結果

上記のコードを実行するには、作成したファイルを通常のHTMLファイルとしてブラウザで開くだけです。ブラウザウィンドウに以下のような出力が表示されます。

値が等しくない場合の出力例：

AngularJSのforEach()関数とは？使い方とサンプルコードをわかりやすく解説


  1. Pythonのissubset()関数とは？部分集合の判定方法を実例付きで解説

    本記事では、Python標準ライブラリに用意されているissubset()関数の仕組みと使い方について詳しく解説します。 issubset()メソッドは、あるセット（集合）のすべての要素が、引数として渡した別のセットにも含まれている場合にブール値のTrueを返し、1つでも含まれていない要素があればFalseを返します。 下の図では、BはAの部分集合です。もしAとBが同一のセットであれば、両者は互いに部分集合の関係にあるといえます。つまり、両方のセットがまったく同じ要素を持っているということを意味します。 構文 <set 1>.issubset(<set 2>) 戻り値

  2. Pythonのintersection()関数とは？集合の共通要素（積集合）を求める方法

    この記事では、Pythonのセット（集合）に対して実行できるintersection()関数について詳しく解説します。数学における「積集合（インターセクション）」とは、2つの集合から共通する要素を見つけ出すことを指します。構文<セット名>.intersection(<セットa1>, <セットa2>, …)戻り値引数として渡されたすべての集合に共通する要素（積集合）が、新しいセットとして返されます。使用例set_1 = {t,u,t,o,r,i,a,l} set_2 = {p,o,i,n,t} set_3 = {t,u,t} # 2つの集合の積集合 print