美文网首页
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 即拿即用,封装函数

    前言:网上整理一下常用的封装函数,做一下笔记 1.判断是否是一个数组 2.判断是否是一个函数(三种) 3.数组去重...

  • 提醒控件的封装

    前言:封装控件的原则:1.使用简单 2.易扩展既然是封装,就要考虑到可移植性,做到即用即拿,这才是一个合格的控件封...

  • css设置,即拿即用

    前言:整理了一下网上别人发的css设置,做一下笔记,省的到处百度 1.上下拉动滚动条时卡顿、慢 2.禁止复制、选中...

  • 移动端左侧滑动原生js

    js入口函数 封装方法

  • JS全年日历打印

    用函数打印全年日历,封装函数然后调用。 js

  • Node.js的读书笔记

    书单阅读:《Node.js开发指南》《Node.js入门经典》《Node与Express开发》《Node即学即用....

  • 28实现过程

    http://js.jirengu.com/seziduhore/1/edit?js一、封装函数 注意:对于===...

  • JS 函数封装

    返回数组或对象的长度 返回数组中的非假值组成一个新数组 返回数组中任意一个元素 数组去重复

  • Js封装函数

    一、Cookie相关 1、获取cookie 2、写入cookie 3、删除cookie 二、URL相关 1、获取u...

  • module

    ES6中函数复用函数封装a.js文件 外部引用 上面的引用存在的问题:引用的名称必须与封装的js中export的名...

网友评论

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

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