<返回更多

前端新手必备常用JavaScript方法函数大全

2021-12-15    未来讲IT
加入收藏

给新手朋友分享我收藏的前端必备JAVAscript已经写好的封装好的方法函数,直接可用。方法函数总计:41个;以下给大家介绍有35个,需要整体文档的朋友私信我,

1、输入一个值,将其返回数据类型

function typego(para) {
    return Object.prototype.toString.call(para)
}

2、将数组去重

function SZque1(arr) {
    return [...new Set(arr)]
}

function SZique2(arr) {
    var obj = {};
    return arr.filter(ele => {
        if (!obj[ele]) {
            obj[ele] = true;
            return true;
        }
    })
}

function SZque3(arr) {
    var result = [];
    arr.forEach(ele => {
        if (result.indexOf(ele) == -1) {
            result.push(ele)
        }
    })
    return result;
}

3、将字符串去重

String.prototype.zque = function () {
    var obj = {},
        str = '',
        len = this.length;
    for (var i = 0; i < len; i++) {
        if (!obj[this[i]]) {
            str += this[i];
            obj[this[i]] = true;
        }
    }
    return str;
}

###### //去除连续的字符串 
function qc(str) {
    return str.replace(/(w)1+/g, '$1')
}

4、浏览器cookie管理方法

var cookie = {
    set: function (name, value, time) {
        document.cookie = name + '=' + value + '; max-age=' + time;
        return this;
    },
    remove: function (name) {
        return this.setCookie(name, '', -1);
    },
    get: function (name, callback) {
        var allCookieArr = document.cookie.split('; ');
        for (var i = 0; i < allCookieArr.length; i++) {
            var itemCookieArr = allCookieArr[i].split('=');
            if (itemCookieArr[0] === name) {
                return itemCookieArr[1]
            }
        }
        return undefined;
    }
}

5、验证邮箱的正则表达式

function isEmail(sEmail) {
    var reg = /^([w+.])+@w+([.]w+)+$/
    return reg.test(sEmail)
}

6、圣杯模式的继承

function inherit(Target, Origin) {
    function F() {};
    F.prototype = Origin.prototype;
    Target.prototype = new F();
    Target.prototype.constructor = Target;
    // 最终的原型指向
    Target.prop.uber = Origin.prototype;
}

7、找出字符串中第一次只出现一次的字母

 

前端新手必备常用JavaScript方法函数大全

 

8、找元素的第n级父元素

 

前端新手必备常用JavaScript方法函数大全

 

 

9、 返回元素的第n个兄弟节点

前端新手必备常用JavaScript方法函数大全

 

10、判断元素有没有子元素

前端新手必备常用JavaScript方法函数大全

 

剩下的还没40多个方法函数太多,就不一一展示,如果有需要的朋友,直接私信我发给您,给个助力赞

前端新手必备常用JavaScript方法函数大全

格式化时间


前端新手必备常用JavaScript方法函数大全

获取传递参数


前端新手必备常用JavaScript方法函数大全

更多

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>