堆栈内存溢出
  简体   繁体   English

如何在JavaScript中调用递归函数

[英]How to call a recursive function in javascript

 原文  2017-08-17 05:50:45  1   2    javascript/ angularjs/ json

问题描述

In my componentList I am going to have multiple objects. 在我的componentList我将有多个对象。 

if ($scope.componentList && $scope.componentList.length > 0) {
       angular.forEach($scope.componentList, function(admincomp, index) {
          $scope.validateAdmincomp(admincomp, index);
       });
 }



$scope.validateAdmincomp = function(admincomp, index) {
     for (var key in admincomp) {
       if (key !== "$$hashKey" && admincomp.hasOwnProperty(key)) {
           angular.element(document.querySelector('#' + key + index)).removeClass("errorhilight");
                }
            }
       if (admincomp.componentName == undefined || admincomp.componentName == "") {    
             angular.element(document.querySelector('#componentName' + index)).addClass("errorhilight");
                isValidData = false;
            }
};

The $scope.componentList format is going to be as follows $scope.componentList格式如下 

[
  {
    "revision": 0,  
    "componentName": "abc",
    "componentIdentification": "abc",
    "componentType": "1",
    "componentState": "1",
    "componentUrl": null,
    "componentId": "214",
    "rowId": "3",
    "items": [
      {
        "revision": 0,
        "componentName": "efg",
        "componentIdentification": "efg",
        "componentType": "2",
        "componentState": "1",
        "componentUrl": null,
        "componentId": "215",
        "rowId": "3.1",
        "items": null,
        "componentStateId": 0,
        "ctastatus": 0,
        "actionId": "16",
        "actionToPerform": "1"
      }
    ],
    "componentStateId": 0,
    "ctastatus": 0,
    "actionId": "37",
    "actionToPerform": "1"
  },
  {
    "revision": 0,
    "componentName": "hij",
    "componentIdentification": "hij",
    "componentType": "1",
    "componentState": "1",
    "componentUrl": null,
    "componentId": "206",
    "rowId": "1",
    "items": [
      {
        "revision": 0,
        "componentName": "klm",
        "componentIdentification": "klm",
        "componentType": "2",
        "componentState": "1",
        "componentUrl": null,
        "componentId": "207",
        "rowId": "1.1",
        "items": [
          {
            "revision": 0,
            "componentName": "nop",
            "componentIdentification": "nop",
            "componentType": "2",
            "componentState": "1",
            "componentUrl": null,
            "componentId": "208",
            "rowId": "1.1.1",
            "items": [
              {
                "revision": 0,
                "componentName": "qrs",
                "componentIdentification": "qrs",
                "componentType": "2",
                "componentState": "1",
                "componentUrl": null,
                "componentId": "209",
                "rowId": "1.1.1.1",
                "items": null,
                "componentStateId": 0,
                "ctastatus": 0,
                "actionId": "26",
                "actionToPerform": "1"
              },
              {
                "revision": 0,
                "componentName": "tuv",
                "componentIdentification": "tuv",
                "componentType": "2",
                "componentState": "1",
                "componentUrl": null,
                "componentId": "210",
                "rowId": "1.1.1.2",
                "items": null,
                "componentStateId": 0,
                "ctastatus": 0,
                "actionId": "5",
                "actionToPerform": "1"
              }
            ],
            "componentStateId": 0,
            "ctastatus": 0,
            "actionId": "25",
            "actionToPerform": "1"
          }
        ],
        "componentStateId": 0,
        "ctastatus": 0,
        "actionId": "1",
        "actionToPerform": "1"
      }
    ],
    "componentStateId": 0,
    "ctastatus": 0,
    "actionId": "37",
    "actionToPerform": "1"
  },
  {
    "revision": 0,
    "componentName": "wxy",
    "componentIdentification": "wxy",  
    "componentType": "1",
    "componentState": "1",
    "componentUrl": null,
    "componentId": "211",
    "rowId": "2",
    "items": [
      {
        "revision": 0,
        "componentName": "zab",
        "componentIdentification": "zab",
        "componentType": "2",
        "componentState": "1",
        "componentUrl": null,
        "componentId": "212",
        "rowId": "2.1", 
        "items": null,
        "componentStateId": 0,
        "ctastatus": 0,
        "actionId": "7",
        "actionToPerform": "1"
      },
      {
        "revision": 0,
        "componentName": "cde",
        "componentIdentification": "cde",
        "componentType": "2",
        "componentState": "1",
        "componentUrl": null,
        "componentId": "213",
        "rowId": "2.2",
        "items": null,
        "componentStateId": 0,
        "ctastatus": 0,
        "actionId": "12",
        "actionToPerform": "1"
      }
    ],
    "componentStateId": 0,
    "ctastatus": 0,
    "actionId": "37",
    "actionToPerform": "1"
  }
]

In the above code the parents are only validated as the forEach loop is considering only the $scope.componentList list and not considering the inside items[] list. 在上面的代码中，仅对父母进行了验证，因为forEach循环仅考虑$scope.componentList列表，而不考虑内部items[]列表。 I want to call validateAdmincomp function for each object. 我想为每个对象调用validateAdmincomp函数。 How can I call validateAdmincomp function forEach object. 如何为每个对象调用validateAdmincomp函数。

2 个解决方案

解决方案1
 2 已采纳  2017-08-17 05:59:34

Use the below code. 使用下面的代码。 Move your iteration logic to a method (recursive method) 将迭代逻辑移至某个方法（递归方法） 

if ($scope.componentList && $scope.componentList.length > 0) {
    validateList($scope.componentList) // starting point to iterate and validate the list
}

var validateList = function(list) {
    angular.forEach(list, function(admincomp, index) {
        $scope.validateAdmincomp(admincomp, index); // considering this method is doing some other validations
        if (admincomp.items && admincomp.items.lenght > 0)
            validateList(admincomp.items); // method calling itself
    });
}

解决方案2
 1  2017-08-17 06:02:19

I am not sure you are looking for this or not. 我不确定您是否在寻找这个。 It will iterate each key and if its an object and not null it will call the function with the object. 它将迭代每个键，如果键是一个对象而不是null，它将使用该对象调用该函数。 

 var list = [ { "revision": 0, "componentName": "abc", "componentIdentification": "abc", "componentType": "1", "componentState": "1", "componentUrl": null, "componentId": "214", "rowId": "3", "items": [ { "revision": 0, "componentName": "efg", "componentIdentification": "efg", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "215", "rowId": "3.1", "items": null, "componentStateId": 0, "ctastatus": 0, "actionId": "16", "actionToPerform": "1" } ], "componentStateId": 0, "ctastatus": 0, "actionId": "37", "actionToPerform": "1" }, { "revision": 0, "componentName": "hij", "componentIdentification": "hij", "componentType": "1", "componentState": "1", "componentUrl": null, "componentId": "206", "rowId": "1", "items": [ { "revision": 0, "componentName": "klm", "componentIdentification": "klm", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "207", "rowId": "1.1", "items": [ { "revision": 0, "componentName": "nop", "componentIdentification": "nop", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "208", "rowId": "1.1.1", "items": [ { "revision": 0, "componentName": "qrs", "componentIdentification": "qrs", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "209", "rowId": "1.1.1.1", "items": null, "componentStateId": 0, "ctastatus": 0, "actionId": "26", "actionToPerform": "1" }, { "revision": 0, "componentName": "tuv", "componentIdentification": "tuv", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "210", "rowId": "1.1.1.2", "items": null, "componentStateId": 0, "ctastatus": 0, "actionId": "5", "actionToPerform": "1" } ], "componentStateId": 0, "ctastatus": 0, "actionId": "25", "actionToPerform": "1" } ], "componentStateId": 0, "ctastatus": 0, "actionId": "1", "actionToPerform": "1" } ], "componentStateId": 0, "ctastatus": 0, "actionId": "37", "actionToPerform": "1" }, { "revision": 0, "componentName": "wxy", "componentIdentification": "wxy", "componentType": "1", "componentState": "1", "componentUrl": null, "componentId": "211", "rowId": "2", "items": [ { "revision": 0, "componentName": "zab", "componentIdentification": "zab", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "212", "rowId": "2.1", "items": null, "componentStateId": 0, "ctastatus": 0, "actionId": "7", "actionToPerform": "1" }, { "revision": 0, "componentName": "cde", "componentIdentification": "cde", "componentType": "2", "componentState": "1", "componentUrl": null, "componentId": "213", "rowId": "2.2", "items": null, "componentStateId": 0, "ctastatus": 0, "actionId": "12", "actionToPerform": "1" } ], "componentStateId": 0, "ctastatus": 0, "actionId": "37", "actionToPerform": "1" } ] function rec(obj){ for (let key in obj){ if(typeof obj[key] == "object" && obj[key]){ console.log(key); rec(obj[key]); } } } list.forEach(function(o){ rec(o); })

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在JavaScript中异步调用递归函数 - How to asynchronously call a recursive function in javascript Javascript：如何编写和调用递归函数？ - Javascript: How to write and call a recursive function? Javascript递归函数来调用循环 - Javascript recursive function to call loop 在JavaScript中调用对象递归函数 - Call object recursive function in javascript JavaScript递归函数调用覆盖 - JavaScript Recursive Function Call Overwrite 从云函数：如何调用递归的JavaScript函数？ - From a cloud function: how to call JavaScript function that is recursive? 如何在JavaScript中递归调用函数时访问相同的变量？ - How can I access the same variable in recursive call of a function in javascript? 如何通过传递此调用递归函数 - How to call the recursive function by passing this JavaScript-递归调用部分应用函数 - JavaScript - recursive call partial applied function 当（）包含在调用中时，JavaScript递归函数会中断 - JavaScript recursive function breaks when () included in call
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM