🛹 [JS] | 🌟 コールバック関数,arr法の原理


🔹 🌟 コールバック関数


別の関数に渡されるパラメータはコールバック関数です.
JavaScriptの動作原理とコールバック関数Promissianc簡単なまとめ
  • Javascript動作原理と非同期処理
  • JavaScriptビジュアル化シリーズ
  • 🔹 forEach()の原理

     var arr = {
            0: 10,
            1: 20,
            2: 30,
            3: 40,
            length: 4,
            forEach: function (print) {
              for (var i = 0; i < arr.length; i++) {
                print(this[i]);
              }
            },
          };
    
    function print(item) { console.log("item : " + item); }

    🔹 ろ過原理

          var arr = {
            0: 1,
            1: 2,
            2: 3,
            3: 4,
            4: 5,
            5: 6,
            6: 7,
            7: 8,
    
            length: 8,
            filter: function (printB) {
              var newArr = [];
              for (var i = 0; i < this.length; i++) {
                var val = this[i];
                if (printB(val)) {
                  newArr.push(val);
                }
              }
              return newArr;
            },
          };
    
          var resultM = arr.filter(function (item) {
            return item % 2;
          });
    
          console.log("resultM : " + resultM);

    🔹 arr.map( )

  • map(主にここで作成する機能)
  • var result = arr.map(function(item) { return item - 2; });かたいvar resultF = arr.map(myMap); function myMap(item) { return item - 2; }
  • var arr = [10, 20, 30, 40];
    
    var result = arr.map(function (item) { return item * 2; });
    
    function myMap(item) { return item - 2; }
    
    var resultF = arr.map(myMap);