美文网首页
js 即拿即用,封装函数

js 即拿即用,封装函数

作者: 雨落向天行 | 来源:发表于2019-08-27 17:58 被阅读0次

    前言:网上整理一下常用的封装函数,做一下笔记

    1.判断是否是一个数组
    function fake(data){
        return Object.prototype.toString.call(data) === '[object Array]'
    }
    console.log(fake([]));//console.log(true)
    
    2.判断是否是一个函数(三种)
    function fake(data){
        return Object.prototype.toString.call(data) === '[object Array]';
        return data.constructor == Function;
        return data instanceof Function;
        return typeof(data) == Function;
    }
    
    3.数组去重,只考虑数组中元素为数字或者字符串
    function fake(data){
        let arr = [];
        for(let i=0;i<data.length;i++){
            if(arr.indexOf(data[i]) == -1){
                arr.push(data[i]);
            }
        }
        return arr;
    }
    console.log(fake(['1','1','2','2']));//console.log(["1","2"])
    
    4.手机号码正则表达式验证
    function fake(data){
        if((/^1[3|4|5|7|8][0-9]{9}$/).test(data)){
            return true;
        }
        alert('手机号码有误,请重填');
        return false;
    }
    
    5.去除字符串空格(包含三种情况)
    function fake(data){
        return data.replace(/^[" "||" "]*/,"").replace(/[" "|" "]*$/,"");// 去除头和尾
        return data.replace(/\s/g,'');//去除所有空格
        return data.replace(/(\s*$)/g,"");//去除右边所有空格
    }
    
    6.判断是否为邮箱地址
    function fake(data){
        let reg = /^[a-zA-Z0-9]+([._-]*[a-zA-Z0-9]*)*@[a-zA-Z0-9]+.[a-zA-Z0-9{2,5}$]/;
        let result = reg.test(data);
        if (result) {
            alert("ok");
        } else {
            alert("error");
        }
    }
    
    7.获取一个对象里面第一次元素的数量
    function fake(data){
        var i=0;
        for( var att in data){
            if(data.hasOwnProperty(att)){
                i++;
            }
        }
        console.log(i);
    }
    var data = {name:'fake',age:20};
    fake(data) //2
    
    8.获取元素相对于浏览器窗口的位置,返回一个{x,y}对象
    function fake(data) {
        var offsety = 0;
        offsety += data.offsetTop;
        var offsetx = 0;
        offsetx += data.offsetLeft;
        if (data.offsetParent != null) {
            fake(data.offsetParent);
        }
        return { Left: offsetx, Top: offsety };
    }
    
    9.判断某个字母在字符串中出现的次数
    var data = 'qwe rty sss qwe sss'
    function fake(data,value){
        let calculation = 0,
        pos = data.indexOf(value);
        while(pos !== -1){
            calculation++;
            pos = data.indexOf(value,pos+1);
        }
        return calculation;
    }
    console.log(fake(data,'s'))//6
    
    10.快速排序
    var data = [];
    //data数组赋值随机数
    for(var i=0; i<10; i++){
        data[i] = Math.floor(Math.random()*101);
    }
    function fake(data) {
        if(data.length <= 1){
            return data;
        }
        let onst1 = Math.floor(data.length/2),
        onst2 = data.splice(onst1,1)[0],
        left = [],right = [];
        for(let i = 0; i < data.length; i++){
            if(data[i] < onst2){
                left.push(data[i]);
            }else{
                right.push(data[i]);
            }
        }
        return fake(left).concat([onst2],fake(right));
    };
    
    11.冒泡排序
    var data = [];
    //data数组赋值随机数
    for(var i=0; i<10; i++){
        data[i] = Math.floor(Math.random()*101);
    }
    function fake(data) {
        for(let i=0; i<data.length; i++){
            for(let j=0; j<data.length-i-1; j++){
                if(data[j]>data[j+1]){
                    let mid = data[j];
                    data[j]= data[j+1];
                    data[j+1] = mid;
                }
            }
        }
        return data;
    };
    

    未完,慢慢更新

    相关文章

      网友评论

          本文标题:js 即拿即用,封装函数

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