javascript常用代码片段

Posted lalalagq

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript常用代码片段相关的知识,希望对你有一定的参考价值。


/**
 *
 * @desc 判断两个数组是否相等
 * @param {Array} arr1
 * @param {Array} arr2
 * @return {Boolean}
 */
function arrayEqual(arr1, arr2) {
    // 首先要判断是否是数组,传进来的非数组,返回false
    if(!(arr1 instanceof Array) || !(arr2 instanceof Array)) {
        return false;
    }
    if (arr1 === arr2) return true;
    if (arr1.length != arr2.length) return false;
    for (var i = 0; i < arr1.length; ++i) {
        if (arr1[i] !== arr2[i]) return false;
    }
    return true;
}

/**
 * @desc 获取浏览器类型和版本
 * @return {String}
 */
function getExplore() {
    var sys = {},
        ua = navigator.userAgent.toLowerCase(),
        s;
    (s = ua.match(/rv:([d.]+)) like gecko/)) ? sys.ie = s[1] :
        (s = ua.match(/msie ([d.]+)/)) ? sys.ie = s[1] :
            (s = ua.match(/edge/([d.]+)/)) ? sys.edge = s[1] :
                (s = ua.match(/firefox/([d.]+)/)) ? sys.firefox = s[1] :
                    (s = ua.match(/(?:opera|opr).([d.]+)/)) ? sys.opera = s[1] :
                        (s = ua.match(/chrome/([d.]+)/)) ? sys.chrome = s[1] :
                            (s = ua.match(/version/([d.]+).*safari/)) ? sys.safari = s[1] : 0;

    // 根据关系进行判断
    if (sys.ie) return ('IE: ' + sys.ie);
    if (sys.edge) return ('EDGE: ' + sys.edge);
    if (sys.firefox) return ('Firefox: ' + sys.firefox);
    if (sys.chrome) return ('Chrome: ' + sys.chrome);
    if (sys.opera) return ('Opera: ' + sys.opera);
    if (sys.safari) return ('Safari: ' + sys.safari);
    return 'Unkonwn';
}

/**
 *
 * @desc 获取操作系统类型
 * @return {String}
 */
function getOS() {
    var userAgent = 'navigator' in window
            && 'userAgent' in navigator
            && navigator.userAgent.toLowerCase() || '';
    var vendor = 'navigator' in window
            && 'vendor' in navigator
            && navigator.vendor.toLowerCase() || '';
    var appVersion = 'navigator' in window
            && 'appVersion' in navigator
            && navigator.appVersion.toLowerCase() || '';

    if (/mac/i.test(appVersion))
        return 'MacOSX';
    if (/win/i.test(appVersion))
        return 'windows';
    if (/linux/i.test(appVersion))
        return 'linux';
    if (/iphone/i.test(userAgent) || /ipad/i.test(userAgent) || /ipod/i.test(userAgent))
        return 'ios';
    if (/android/i.test(userAgent))
        return 'android';
    if (/win/i.test(appVersion) && /phone/i.test(userAgent))
        return 'windowsPhone';
}

/**
 * @desc 深拷贝,支持常见类型
 * @param {Any} values
 */
function deepClone(values) {
    var copy;

    // Handle the 3 simple types, and null or undefined
    if (null == values || "object" != typeof values) return values;

    // Handle Date
    if (values instanceof Date) {
        copy = new Date();
        copy.setTime(values.getTime());
        return copy;
    }

    // Handle Array
    if (values instanceof Array) {
        copy = [];
        for (var i = 0, len = values.length; i < len; i++) {
            copy[i] = deepClone(values[i]);
        }
        return copy;
    }

    // Handle Object
    if (values instanceof Object) {
        copy = {};
        for (var attr in values) {
            if (values.hasOwnProperty(attr)) copy[attr] = deepClone(values[attr]);
        }
        return copy;
    }

    throw new Error("Unable to copy values! Its type isn't supported.");
}

/**
 *
 * @desc   判断`obj`是否为空
 * @param  {Object} obj
 * @return {Boolean}
 */
function isEmptyObject(obj) {
    if (!obj || typeof obj !== 'object' || Array.isArray(obj))
        return false
    return !Object.keys(obj).length
}

/**
 *
 * @desc 生成指定范围随机数
 * @param  {Number} min
 * @param  {Number} max
 * @return {Number}
 */
function randomNum(min, max) {
    return Math.floor(min + Math.random() * (max - min));
}

/**
 *
 * @desc 随机生成颜色
 * @return {String}
 */
function randomColor() {
    return '#' + ('00000' + (Math.random() * 0x1000000 << 0).toString(16)).slice(-6);
}

/**
 *
 * @desc   现金额转大写
 * @param  {Number} n
 * @return {String}
 */
function digitUppercase(n) {
    var fraction = ['角', '分'];
    var digit = [
        '零', '壹', '贰', '叁', '肆',
        '伍', '陆', '柒', '捌', '玖'
    ];
    var unit = [
        ['元', '万', '亿'],
        ['', '拾', '佰', '仟']
    ];
    var head = n < 0 ? '欠' : '';
    n = Math.abs(n);
    var s = '';
    for (var i = 0; i < fraction.length; i++) {
        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
    }
    s = s || '整';
    n = Math.floor(n);
    for (var i = 0; i < unit[0].length && n > 0; i++) {
        var p = '';
        for (var j = 0; j < unit[1].length && n > 0; j++) {
            p = digit[n % 10] + unit[1][j] + p;
            n = Math.floor(n / 10);
        }
        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s;
    }
    return head + s.replace(/(零.)*零元/, '元')
            .replace(/(零.)+/g, '零')
            .replace(/^整$/, '零元整');
}

/**
 *
 * @desc   判断是否为邮箱地址
 * @param  {String}  str
 * @return {Boolean}
 */
function isEmail(str) {
    return /w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*/.test(str);
}

/**
 *
 * @desc   判断是否为手机号
 * @param  {String|Number} str
 * @return {Boolean}
 */
function isPhoneNum(str) {
    return /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/.test(str)
}

/**
 * 去除空格的方法
 * @param str
 * @param type
 * all-所有空格,
 * preBehind-前后空格
 * previous-前面空格,
 * behind-后面空格
 */
function trim(str, type) {
    switch (type) {
        case 'all':
            return str.replace(/s+/g, "");
        case 'preBehind':
            return str.replace(/(^s*)|(s*$)/g, "");
        case 'previous':
            return str.replace(/(^s*)/g, "");
        case 'behind':
            return str.replace(/(s*$)/g, "");
        default:
            return str;
    }
}

console.log(trim('  this is a string ', 'preBehind'));

/**
 * 字母大小写切换
 * @param str
 * @param type
 * FirstUpper - 首字母大写
 * FirstLower - 首字母小写
 * AllToggle - 全部大小写转换
 * AllUpper - 全部大写
 * AllLower - 全部小写
 */
function changeCase(str, type) {
    function ToggleCase(str) {
        var itemText = ""
        str.split("").forEach(
            function (item) {
                if (/^([a-z]+)/.test(item)) {
                    itemText += item.toUpperCase();
                } else if (/^([A-Z]+)/.test(item)) {
                    itemText += item.toLowerCase();
                } else {
                    itemText += item;
                }
            });
        return itemText;
    }

    switch (type) {
        case 'FirstUpper':
            return str.replace(/w+/g, function (word) {
                return word.substring(0, 1).toUpperCase() + word.substring(1);
            });
        case 'FirstLower':
            return str.replace(/w+/g, function (word) {
                return word.substring(0, 1).toLowerCase() + word.substring(1);
            });
        case 'AllToggle':
            return ToggleCase(str);
        case 'AllUpper':
            return str.toUpperCase();
        case 'AllLower':
            return str.toLowerCase();
        default:
            return str;
    }
}

console.log(changeCase('hello World', 'FirstUpper'));

/**
 * 检测字符串类型
 * @param str
 * @param type
 */
function checkType(str, type) {
    switch (type) {
        case 'email':
            return /^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$/.test(str);
        case 'phone':
            return /^1[3|4|5|7|8|9][0-9]{9}$/.test(str);
        case 'tel':
            return /^(0d{2,3}-d{7,8})(-d{1,4})?$/.test(str);
        case 'number':
            return /^[0-9]+$/.test(str);
        case 'english':
            return /^[a-zA-Z]+$/.test(str);
        case 'text':
            return /^w+$/.test(str);
        case 'chinese':
            return /^[u4E00-u9FA5]+$/.test(str);
        case 'lower':
            return /^[a-z]+$/.test(str);
        case 'upper':
            return /^[A-Z]+$/.test(str);
        default:
            return true;
    }
}

console.log(checkType('enffd', 'english'));

/**
 * 检测密码强度
 * @param str
 * @returns {number}
 */
function checkPwd(str) {
    var nowLv = 0;
    if (str.length < 6) {
        return nowLv;
    }
    if (/[0-9]/.test(str)) {
        nowLv++;
    }
    if (/[a-z]/.test(str)) {
        nowLv++;
    }
    if (/[A-Z]/.test(str)) {
        nowLv++;
    }
    if (/[.|-|_]/.test(str)) {
        nowLv++;
    }
    return nowLv;

}

console.log(checkPwd('dsddsdsdasdsA1.'));

/**
 * 随机生成指定长度的字符串
 * @param length
 * @returns {string}
 */
function random(length) {
    var str = Math.random().toString(36).substr(2);
    if (str.length >= length) {
        return str.substr(0, length);
    }
    str += random(length - str.length);
    return str;
}

console.log(random(12));
console.log(random(3));

/**
 * 统计给定字符串中,目标字符串出现的次数
 * @param str
 */
function countStr(str, target) {
    return str.split(target).length - 1;
}

console.log(countStr('thisiskingxkingakingb', 'king'));

/**
 * 格式化处理字符串
 * @param str
 * @param size-位数,默认3位
 * @param delimiter-连接符,默认为','
 */
function formatText(str, size, delimiter) {
    var _size = size || 3, _delimiter = delimiter || ',';
    var regText = '\B(?=(\w{' + _size + '})+(?!\w))';
    var reg = new RegExp(regText, 'g');
    return str.replace(reg, _delimiter);
}

console.log(formatText('1234asda567asd890', 4, '-'));

/**
 * 找出字符串中最长的单词
 * @param str
 * @param splitType
 */
function longestWord(str, splitType) {
    var _splitType = splitType || /s+/g,
        _max = 0, _item = '';
    var strArr = str.split(_splitType);
    strArr.forEach(function (item) {
        if (_max < item.length) {
            _max = item.length;
            _item = item;
        }
    });
    return {el: _item, max: _max};
}

console.log(longestWord('Find|the|Longest|word|in|a|String','|'));

以上是关于javascript常用代码片段的主要内容,如果未能解决你的问题,请参考以下文章

javascript常用代码片段

markdown Snippets.md是我最常用的HTML,CSS和JavaScript代码片段,用于前端Web开发

web前端开发JQuery常用实例代码片段(50个)

译文:18个实用的JavaScript代码片段,助你快速处理日常编程任务

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象