美文网首页
必读!JS 中的封装方法详解

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

作者: 拾柒_aab0 | 来源:发表于2019-10-10 20:11 被阅读0次

封装方法就是自己写出一个函数达到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));

相关文章

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

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

  • 微信小程序开发—— 封装方法 & wx.request请求 &

    一、封装方法 1、封装方法并导出 将封装的方法放到util目录下的js文件中。可以新建js文件,也可以直接写在ut...

  • js不懂

    js常用方法和一些封装 -- 时间相关(附案例详解)http://www.jianshu.com/p/e54156...

  • Web调用APP方法

    封装useApp.js useApp.js 在js中引入useApp.js文件 调用方法

  • 封装get,post请求方法

    wx_request.js中封装方法 在需要请求的js 文件中引入,请求 index.js中

  • js的封装

    JS的封装(JS插件的封装) JS中类的概念 类,实际上就是一个function,同时也是这个类的构造方法,new...

  • JavaScript的事件机制详解

    【js事件详解】js事件封装函数,js跨浏览器事件处理机制 一、事件流 事件流描述的是从页面中接受事件的顺序。IE...

  • JS面向对象整理篇一——基础概念衍生

    JS面向对象 oop 继承:实例可以继承A对象中的方法和属性,减少代码冗余 封装:对象把实现过程封装在方法中,调用...

  • js jquery的区别

    1. JS / JQuery介绍 Jquery是JS库,何为JS库,即把常用的js方法进行封装,封装到单独的JS文...

  • 原生JS封装查找元素节点的方法

    原生JS封装查找父元素节点的方法 原生JS封装查找兄弟元素节点的方法 插入子节点方法 12 2 divsiv...

网友评论

      本文标题:必读!JS 中的封装方法详解

      本文链接:https://www.haomeiwen.com/subject/qxpwectx.html