js-优化获取范围写法

写在前面的话：

之前看了有关如何优化代码的文章，就会下意识的对自己之前写过的代码在二次重构的时候进行优化或者规范，如:变量名字的命名，抽离复杂的代码块。这次在编写一个小需求的时候需要根据给定的值在一些指定的数值内找到大于并最接近该值的一个数值。

直奔主题：

之前的写法是：

<script type="text/javascript">
                    if (maxNum <= 4)
                       _videoApi.setWindowsNum(4);
                    else if (maxNum > 4 && maxNum <= 6)
                       _videoApi.setWindowsNum(6);
                    else if (maxNum > 6 && maxNum <= 9)
                       _videoApi.setWindowsNum(9);
                    else if (maxNum = 10)
                       _videoApi.setWindowsNum(10);
                    else if (maxNum > 10 && maxNum <= 16)
                       _videoApi.setWindowsNum(16);
                    else if (maxNum > 16)
                       _videoApi.setWindowsNum(36);
</script>

之前是使用if else 语句进行判断的代码重复且冗长，如果判断的范围再多一个就要多写一条else if 对以后的维护和扩展都是致命的。经过思考之后决定使用数组来进行重构，重构的代码如下：

<script type="text/javascript">
 var _windowsNumArr = [4, 6, 9, 16, 36];
 var _windowsNum= _windowsNumArr.find(function (item,index,arr) {
                return item >= maxchannelNum;
            })
            _videoApi.setWindowsNum(_windowsNum);
</script>

思路很简单，将要判断的范围使用数组来保存起来，如果需要判断的范围变长了只是数组中多加一个元素而已，寻找大于给定的数值的元素 也用数组自带的find方法进行查找，简化 了代码的长度而且更易于扩展。

在优化代码方面做个小记录，如果给你带来启发 荣幸之至！