必读!JS 中的封装方法详解

2019-10-10  本文已影响0人  拾柒_aab0

封装方法就是自己写出一个函数达到JS里的方法同样的效果

封装indexof方法

  var arr = [1, 5, 3, 4, 5, 6,];//写一个数组
function getIndex(brr, cc) {//封装函数 用形参brr来接收arr,cc来接收要找的项
 for (var i = 2; i < brr.length; i++) {//循环数组里的每一项
     if (brr[i] == cc) {//在数组里找是否有等于cc的项,就是等于5的 项
                return i;//找到返回当前下标
            }
        }
        return -1;//整个循环找完没有找到返回-1
    };
    console.log(getIndex(arr, 5));

reverse封装方法

第一种

    var arr = [1, 2, 3, 4, 5, 6, 7];
    function getReverse(brr) {//封装函数 用形参brr来接收arr,
     var newarr = [];//写一个空数组
     for (var i = 0; i < brr.length; i++) {//循环数组里的每一项
     newarr.unshift(arr[i]);//把数组里的每一项挨个往前添加到空数组里
        }
        return newarr;
    }
    console.log(getReverse(arr));

第二种

 var arr = [1, 2, 3, 4, 5, 6, 7];
    function getReverse(brr) {
        var newarr = [];
        for (var i = brr.length - 1; i >= 0; i--) {//利用push的属性,所以要倒着循环
            newarr.push(brr[i]);
        }
        return newarr;
    }

    console.log(getReverse(arr));

封装trim

    var str = '   b  nnn  ';
    function getTrim(list) {
        var b = list.replace(/^\s+|\s+$/g, '');//用正则来实现
        return b;
    };
    console.log(getTrim(str));
上一篇 下一篇

猜你喜欢

热点阅读