JS for循环及拆分

 

       首先，是简单的数组的知识，例如，创建一个数组，向数组中添加一个数据，访问数组的数据并赋值等等，还要注意字符串的拼接等。

       例如，向哈希表中添加一组数据，并显示添加的数据：

 

var stu_score = {'杨璐':131,
    '王雪':131,
    '韩林霖':127,
    '沙龙逸':123,
    '李鉴学':126,
    '韩雨萌':129,
    '刘帅':116,
    '康惠雯':114,
    '刘钰婷':115};
//查询'王雪'的数据
var score = stu_score['王雪'];
//打印添加的数据
console.log('王雪的成绩为：'+score);

 

         然后是简单的 if语句

 

var score = 133;
if(score > 130){console.log('成绩优异');}
else if( score > 120){console.log('成绩良好');}
else if( score > 60){console.log('成绩及格');}
else {console.log('成绩不及格');}

 

        接下来是for循环，for循环一般都会嵌套 if 语句，或者for循环嵌套，一般用来遍历某个东西。

        我认为，for 循环中最要的是不要陷入死循环。思路和逻辑要清晰。一般情况下，我们都会利用for循环遍历某个数组，再用if语句来规范其条件，完成for循环功能，但是在循环中，我们有时会嵌套更多的循环或者if语句，稍有疏忽，就会陷入到死循环中，导致程序崩溃，完成不了其功能。

        首先，就我本身的能力，要解决这种情况

        1，首先要明确逻辑，简化思路，尽量减少复杂的嵌套。

        2，简化代码，能遍历一遍完成功能的，尽量不要遍历第二遍。

        3，拆分函数，将其逻辑拆分成若干个功能块，用到某个功能的时候再调用相对应的函数。

        

下面是一个简单的pos机的问题中的一段代码(水平很菜，将就看看吧.......)：

for(var i = 0; i < inputs.length; i ++)
{
      for(var j = 0; j < new_inputs.length; j ++)
      {
            if(inputs[i].barcode == new_inputs[j].barcode)
            {
                  new_inputs[j].count ++;//比较barcode，若相等，count+1
            }
            else if(inputs[i].barcode != new_inputs[j].barcode && j === new_inputs.length - 1)
            {
                  new_inputs.push(inputs[i]);
                  new_inputs[new_inputs.length - 1].count = 1;
                  break;//比较barcode，若不等，将其添加到new_inputs中，令其count = 1
            }
      }
}
我们可以将其拆分成这样：
function add_item_to_new_inputs(inputs,new_inputs)
{
    for(var i = 1;i < inputs.length; i ++)
    {
        comepare_barcode_to_push_new_inputs(new_inputs,inputs,i);//调用比较barcode的函数
    }
}
function comepare_barcode_to_push_new_inputs(new_inputs,inputs,i)
{
    for(var j = 0; j < new_inputs.length; j ++)
    {
        comepare_barcode(inputs,new_inputs,i,j);//调用比较barcode相等时的函数
        if(inputs[i].barcode != new_inputs[j].barcode && j === new_inputs.length - 1)
        {
            new_inputs.push(inputs[i]);
            new_inputs[new_inputs.length - 1].count = 1;
            break;
        } 
    }
}//在这个function中完成的功能是通过比较barcode的值来明确new_inputs中count的值
function comepare_barcode(inputs,new_inputs,i,j)
{
    if(inputs[i].barcode == new_inputs[j].barcode)
    {
        new_inputs[j].count ++;      
    }
}//在这个function中完成的功能是比较barcode，若相等，count+1

 

 这样细小的拆分，可以将原代码中的功能拆分成一个个的函数。逻辑清晰，便于纠错。