js 即拿即用,封装函数

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

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;
};

未完,慢慢更新

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,098评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,213评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,960评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,519评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,512评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,533评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,914评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,574评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,804评论 1 296
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,563评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,644评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,350评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,933评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,908评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,146评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,847评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,361评论 2 342

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,034评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,072评论 0 3
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,095评论 0 21
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,204评论 0 4
  • JS基础 页面由三部分组成:html:超文本标记语言,负责页面结构css:层叠样式表,负责页面样式js:轻量级的脚...
    小贤笔记阅读 592评论 0 5