How to get rid of blocks nested too deeply while using jshint with grunt?

Question

Some one please help me to fix a warning in grunt. I am using fallowing condition in my project and i am getting a warning, Blocks are nested too deeply<5>.

var chartGuideLines = function() {
    var chartid = $scope.chart.panel.id;
    var chartTitle = $scope.confdata.prop.chartsarray;
    for(var i = 0; i< chartTitle.length; i++) {
        var chartslength = chartTitle[i];
        var chartsId = chartslength.id;
        if(chartsId === chartid){
            for(var j = 0; j < chartslength.charts.length; j++) {
                var chartsdata = chartslength.charts[j];
                var guidlines = chartsdata.guideliney;
                if( typeof guidlines !== 'undefined') {
                    var guidlineY = $scope.chart.targetNode.getElementsByClassName('guideline-y');
                    for (var ii=0; ii<guidlineY.length; ii++) {
                        guidlineY[ii].style.strokeDasharray = guidlines.stroke;
                    }
                }
            }
        }
    }
};

Thanks in advance.

Answer 1

just add following sentence before function starts.

// jshint maxdepth:5