javascript 常见工具函数(六)

2024-01-04

51.格式化数字:

 /**
     * 格式化数字
     * @param {number} num
     */
    static formatNumber$(num) {
        if (isNaN(num)) return "0";
        if (num > 1000000) {
            num /= 1000000;
            if (num >= 100) {
                return Math.round(num) + "m"
            } else if (num >= 10) {
                num = num.toFixed(1);
                return num + "m"
            } else {
                num = num.toFixed(2);
                return num + "m"
            }
        } else if (num > 1000) {
            num /= 1000;
            if (num >= 100) {
                return Math.round(num) + "k"
            } else if (num >= 10) {
                num = num.toFixed(1);
                return num + "k"
            } else {
                num = num.toFixed(2);
                return num + "k"
            }
        } else {
            return Math.round(num);
        }
    }

52.钱的单位转化:

  // 钱单位
    static cMoney$(value) {
        let absVal = Math.abs(Math.floor(value));
        let sVal = absVal.toLocaleString().replace(/[,]/g, '');


        let cnt = Math.floor((sVal.length - 1) / 3);
        let unit = Utils$.moneyUnit[cnt];


        let subStr = sVal.substring(0, sVal.length - (cnt > 0 ? cnt * 3 - 1 : 0));
        let val = (value < 0 ? -1 : 1) * Number(subStr);
        return cnt > 0 ? val / 10 + unit : val;
    }

Utils$.moneyUnit = ["", "K", "M", "B", "T", "aa", "bb", "cc", "dd", "ee",
    "ff", "gg", "hh", "ii", "jj", "kk", "ll", "mm", "nn", "oo",
    "pp", "qq", "rr", "ss", "tt", "uu", "vv", "ww", "xx", "yy",
    "zz", "AA", "BB", "CC", "DD", "EE", "FF", "GG", "HH", "II",
    "JJ", "KK", "LL", "MM", "NN", "OO", "PP", "QQ", "RR", "SS",
    "TT", "UU", "VV", "WW", "XX", "YY", "ZZ",]

53.日期转化:

Date.prototype.format = function (fmt) {
    var o = {
        "M+": this.getMonth() + 1, //月份
        "d+": this.getDate(), //日
        "h+": this.getHours(), //小时
        "m+": this.getMinutes(), //分
        "s+": this.getSeconds(), //秒
        "q+": Math.floor((this.getMonth() + 3) / 3), //季度
        "S": this.getMilliseconds() //毫秒
    };


    if (/(y+)/.test(fmt))
        fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
   
    for (var k in o){
        if (new RegExp("(" + k + ")").test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        }
    }
   
    return fmt;
};

54.执行回调:

/**
* 回调函数(允许带参)
* @param {Function} cb 待回调的函数
* @param args 参数
* @returns {any} 回调函数执行后的返回值
*/
function doCallback$1 ( cb ) {
    // body...
    if (typeof cb === "function") {
        let args = Array.prototype.slice.call(arguments);
        args.shift();
       
        // cb
        return cb.apply(null, args)
    }


    return null
}

55.生成指定位数的随机字符串:

/**
* 生成从min到max之间的随机数,其中min和max都必须大于0的整数
* 若为一个参数,则生成1到min之间的随机数
* 若为两个参数,则生成min到max之间的随机数
* 其他参数个数,返回错误0
* @param {number} min 最小随机数
* @param {number} max 最大随机数
* @returns {number}
*/
function random (min, max) {
    // body...
    if (min < 0 || max <= 0) {
        return 0;
    }


    switch(arguments.length) {
        case 1:
            return Math.floor(Math.random() * min + 1);
        case 2:
            return Math.floor(Math.random() * (max - min + 1) + min);
        default:
            return 0;
    }
}


/**
* 生成指定位数的随机字符串
* @param {number} count 需要生成的字符数量
* @returns {string}
*/
function generateString ( count ) {
    // body...
    let str = '';


    if (typeof count === "number") {
        for (let i = 0; i < count; i++) {
            if (Math.random() < 0.5) {
                str += String.fromCharCode(random('0'.charCodeAt(), '0'.charCodeAt() + 9));
            }
            else {
                str += String.fromCharCode(random('a'.charCodeAt(), 'a'.charCodeAt() + 25));
            }
        }
    }


    return str
}

56.超过长度的字符串截取指定长度,超出部分...显示:

/**
* 超过长度的字符截取指定长度,超出部分以...显示
* @param {string} str 需要裁剪的字符
* @param {number} len 最大字符长度
* @returns {string}
*/
function cutString (str, len) {
    var newLength = 0;
    var newStr = "";
    var chineseRegex = /[^\x00-\xff]/g;
    var singleChar = "";
    var strLength = str.replace(chineseRegex, "**").length;
    if (strLength > len) {
        for (var i = 0; i < strLength; i++) {
            singleChar = str.charAt(i).toString();
            if (singleChar.match(chineseRegex) != null) {
                newLength += 2;
            }
            else {
                newLength++;
            }
            if (newLength > len) {
                break;
            }


            newStr += singleChar;
        }


        if (strLength > len) {
            newStr += "...";
        }
    } else {
        newStr = str;
    }
   
    return newStr;
}

57.打乱数组:

/**
* 打乱数组(影响原数组对象)
* @param {Array} arr
*/
function shuffleArray (arr) {
    if (Array.isArray(arr)) {
        for (let i = 0; i < arr.length; i++) {
            let randomIndex = Math.round(Math.random() * (arr.length - 1 - i)) + i;
            let temp = arr[randomIndex];
            arr[randomIndex] = arr[i];
            arr[i] = temp;
        }
    }
}

58.数字按照粒度拆分,个十百千万:

 static checkNum(num: string, size: number) {
    let count = parseInt(num).toString();
    let len = count.length;
    if (len <= size) return num;
    let r = len % size;
    let regExp = new RegExp('\\d{' + size + '}', 'g')
    return r > 0 ? count.slice(0, r) + ',' + count.slice(r, len).match(regExp).join(',') : count.match(regExp).join(',')
  }

59.定时刷新网页:

var timeout = prompt("设置刷新时间间隔[S]");  
    var current = location.href;  
    if(timeout > 0)  
    {  
        setTimeout('reload()', 1000 * timeout);  
    }  
    else  
    {  
        location.replace(current);  
    }  


    function reload()  
    {  
        setTimeout('reload()', 1000 * timeout);  
        var fr4me = '<frameset cols=\'*\'>\n<frame src=\'' + current + '\' />';  
        fr4me += '</frameset>';  


        with(document)  
        {  
            write(fr4me);  
            void(close());  
        };  
    }

60读取地址栏中的参数:

 /*
        当前网址获取url 中的参数
        paramName:参数名
     */
    static getUrlParam(paramName: string): string {
   
        let url = location.href; //取得整个地址栏
        let indexQuestion = url.indexOf("?");
        let paramInUrl = '';
       
        paramInUrl = url.substr(indexQuestion + 1); //取得所有参数
        let arrParam = paramInUrl.split("&"); //各个参数放到数组里
        for (let i = 0; i < arrParam.length; i++) {
            let indexEqual = arrParam[i].indexOf("=");
            if (indexEqual > 0) {
                let name = arrParam[i].substring(0, indexEqual);
                let value = arrParam[i].substr(indexEqual + 1);
                if(name==paramName) return value;
            }
        }
     
        console.log('没有在url中找到 参数' + paramName);
        return ;
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript 常见工具函数(六) 的相关文章

  • JavaScript onTouch 不工作

    谁能告诉我为什么这个 onTouch 处理程序没有触发 var myDiv document getElementById existingContent var myButton a href log out a myDiv append
  • 关闭选项卡时要求确认[关闭]

    Closed 这个问题不符合堆栈溢出指南 help closed questions 目前不接受答案 当我在某些浏览器上关闭页面时 我希望出现一个消息框 并询问我是否真的要关闭页面 有两个按钮 如果我单击No那么这个标签就不会被关闭 我怎样
  • 为什么 JavaScript base-36 转换看起来不明确

    我目前正在编写一段使用 Base 36 编码的 JavaScript 我遇到了这个问题 parseInt welcomeback 36 toString 36 看来要回归了 welcomebacg 我在 Chrome 开发者控制台和 Nod
  • jquery.find() 可以只选择直接子项吗?

    我应该向 jQuery find 提供什么参数来选择元素子元素而不选择其他元素 我不能用 gt 引导选择器 而用 将选择所有后代 而不仅仅是直接子代 我知道 jQuery children 但这是一个库 因此用户能够提供自己的选择器 并且我
  • 使用 useReducers 调度函数发送多个操作?

    使用时是否可以通过调度函数发送多个动作useReducer挂钩反应 我尝试向它传递一组操作 但这会引发未处理的运行时异常 明确地说 通常会有一个初始状态对象和一个减速器 如下所示 const initialState message1 nu
  • 使用模数按字母顺序对列表进行排序

    我在获取元素列表并按字母顺序对它们进行排序方面没有任何问题 但我很难理解如何使用模数来做到这一点 更新 这是按我的方式工作的代码 但是 我更喜欢下面提供的答案的可重用性 因此接受了该答案
  • 我想检查 $('#td1').text() === "x" 是否?

    我想检查innerHtml是否有X或O 所以我不能再次添加任何其他东西 但它不起作用 添加检查代码后它就停止了 我在这里尝试做一个简单的XO游戏来更熟悉javascript和jquery 我也不确定是否可以用 jQuery 做到这一点
  • jQuery AJAX 调用 Java 方法

    使用 jQuery AJAX 我们可以调用特定的 JAVA 方法 例如从 Action 类 该 Java 方法返回的数据将用于填充一些 HTML 代码 请告诉我是否可以使用 jQuery 轻松完成此操作 就像在 DWR 中一样 此外 对于
  • 使用 jQuery/JS 打开时使
    标签的内容具有动画效果

    我只想要 HTML5 的内容details标记为 滑行 动画打开 而不是仅仅弹出打开 立即出现 这可以用 jQuery Javascript 实现吗 Fiddle http jsfiddle net 9h4Hq HTML
  • 检查 JavaScript 字符串是否为 URL

    JavaScript 有没有办法检查字符串是否是 URL 正则表达式被排除在外 因为 URL 很可能是这样写的stackoverflow 也就是说它可能没有 com www or http 如果你想检查一个字符串是否是有效的 HTTP UR
  • 如何抑制窗口鼠标滚轮滚动...?

    我正在开发嵌入页面中的画布应用程序 我有它 因此您可以使用鼠标滚轮放大绘图 但不幸的是 这会滚动页面 因为它是文章的一部分 当我在 dom 元素上滚动鼠标滚轮时 是否可以阻止鼠标滚轮在窗口上滚动 附加鼠标滚轮 不是 Gecko DOMMou
  • Node.js:如何在检索数据(块)时关闭响应/请求

    我正在用 node js 构建一个应用程序 它加载多个页面并分析内容 因为 node js 发送块 所以我可以分析这些块 如果一个块包含例如索引 nofollow 我想关闭该连接并继续其余部分 var host example com to
  • 为什么是 javascript:history.go(-1);无法在移动设备上工作?

    首先 一些背景 我有一个向用户呈现搜索页面 html 表单 的应用程序 填写标准并单击 搜索 按钮后 结果将显示在标准部分下方 在结果列表中 您可以通过单击将您带到新页面的链接来查看单个结果的详细信息 在详细信息页面中 我添加了一个 返回结
  • 标签获取 href 值

    我有以下 html div class threeimages a img alt Australia src Images Services 20button tcm7 9688 gif a div class text h2 a hre
  • Meteor - 从客户端取消服务器方法

    我正在通过服务器方法执行数据库计数 用户可以选择他们希望如何执行计数 然后调用该方法 我的问题是 计数可能需要一些时间 并且用户可能会在方法运行时改变主意并请求不同的计数 有什么方法可以取消调用的方法并运行新的计数吗 我认为 this un
  • 通过 CDN 使用 Dojo 时如何加载自定义 AMD 模块?

    我正在使用 google 的 CDN 并尝试使用他们的加载程序加载我自己的 AMD 模块 我知道我做错了什么 但我被困住了 有任何想法吗
  • 如何使输入字段和提交按钮变灰

    我想变灰这两件事 http doorsplit heroku com 歌曲输入字段和提交按钮 直到用户输入艺术家 有没有一种简单的方法可以通过 JQuery 来做到这一点 艺术家输入字段的id是 request artist 你可以这样做
  • Electron - 为什么在关闭事件时将 BrowserWindow 实例设置为 null

    The 电子文档 https electronjs org docs api browser window 提供以下代码示例来创建新窗口 const BrowserWindow require electron let win new Br
  • 如何更改此 jquery 插件的时区/时间戳?

    我正在使用这个名为 timeago 的插件 在这里找到 timeago yarp com 它工作得很好 只是它在似乎不同的时区运行 我住在美国东部 费城时区 当我将准确的 EST 时间放入 timeago 插件时 比如 2011 05 28
  • 为什么 jquery 没有检测到单选按钮未被选中的情况? [复制]

    这个问题在这里已经有答案了 可能的重复 JQuery radioButton change 在取消选择期间不会触发 https stackoverflow com questions 5176803 jquery radiobutton c

随机推荐

  • SQL查询 字符串数据

    查询房屋特色 例如 1 2 3 多个 字符串 tag ids this gt request gt param tag ids s if tag ids arr explode tag ids tag ids map arr foreach
  • web前端学习怎么能快速入门

    Web前端开发是一个热门的职业领域 很多人都希望能够快速入门并掌握相关技能 下面将从制定学习计划 项目实战案例练习 以用为学 与培训班老师多交流 自主学习能力的培训等5个方面详细介绍如何在web前端培训班学习 1 制定web前端学习计划 在
  • 在Java培训班怎么学习?这5个学习技巧送给你

    在Java培训班学习Java编程语言是一个很好的学习平台 但是如何更有效地学习呢 下面我将为大家介绍5个学习技巧 希望能帮助到大家 Java是一种面向对象的编程语言 被广泛应用于企业级应用开发 移动应用开发 大数据处理等领域 学习Java编
  • 培训学习大数据知识有哪些方法

    学习大数据知识是当前非常热门的话题 随着大数据技术的不断发展 越来越多的人开始关注并学习大数据知识 在大数据培训班学习大数据知识是一个非常好的选择 下面我将从制定大数据学习计划 项目实战案例练习 以用为学 与培训班老师多交流等四个方面来详细
  • 旧硬盘插电脑上显示要初始化怎么办?了解原因和解决方案

    在使用旧的硬盘插入电脑时 有时会遇到需要进行初始化的情况 这种情况可能是由于多种原因引起的 而初始化硬盘将会导致所有数据丢失 给用户造成不便和损失 因此 本文将介绍解决旧硬盘需要初始化的问题的方法 并提供一些建议来帮助读者避免数据丢失 一
  • Linux配置Acado

    如果需要使用acado的matlab接口 请移步 Linux Matlab配置Acado 首先 安装必要的软件包 sudo apt get install gcc g cmake git gnuplot doxygen graphviz 在
  • APK 瘦身

    APK 瘦身的主要原因是考虑应用的下载转化率和留存率 应用太大了 用户可能就不下载了 再者 因为手机空间问题 用户有可能会卸载一些占用空间比较大的应用 所以 应用的大小也会影响留存率 1 APK 的结构 包含以下目录 assets 包含了应
  • 信息: 没有运行的任务匹配指定标准。

    文章 前言 错误场景 问题分析 解决方案 后言 前言 他们是天生勇敢的开发者 我们创造bug 传播bug 毫不留情地消灭bug 在这个过程中我们创造了很多bug以供娱乐 前端bug 这里是博主总结的一些前端的bug以及解决方案 感兴趣可以看
  • Centos8破解Root密码

    注 Centos7同理 1 重启Centos8系统后 在启动页面中选中第一行 按 e 键进入界面 2 找到linux开头所在行的找到 ro 改为上 rw init sysroot bin bash 同时按下 Ctrl X 跳转到紧急模式 3
  • 前端push.js桌面通知库

    push js 官网 https pushjs org 安装 1 npm 安装方式 npm install push js save 2 script引入方式 使用 1 获取用户许可 用户需要先授予权限才能发送通知 Push Permiss
  • [大厂实践] 零配置服务网格与按需集群发现

    本文介绍了Netflix通过扩展Envoy支持按需集群发现机制帮助团队无缝迁移服务网格的实践 原文 Zero Configuration Service Mesh with On Demand Cluster Discovery 在这篇文章
  • 使用vue实现一个网页的贴边组件。

    使用vue实现一个网页的贴边组件 先来看效果 2024 01 04 10 46 22 https www haolu com share V00O6HWYR8 36207fc21c35b2a8e09bf22787a81527 下面是具体代码
  • Golang拼接字符串性能对比

    g o l a n g golang g o l an g
  • 【每日一题】2397. 被列覆盖的最多行数-2024.1.4

    题目 2397 被列覆盖的最多行数 给你一个下标从 0 开始 大小为 m x n 的二进制矩阵 matrix 另给你一个整数 numSelect 表示你必须从 matrix 中选择的 不同 列的数量 如果一行中所有的 1 都被你选中的列所覆
  • 1.69寸SPI接口240*280TFT液晶显示模块使用中碰到的问题

    1 69寸SPI接口240 280TFT液晶显示模块使用中碰到的问题说明并记录一下 在网上买了1 69寸液晶显示模块 使用spi接口 分辨率240 280 给的参考程序是GPIO模拟的SPI接口 打算先移植到FreeRtos测试 再慢慢使用
  • 2024肥晨赠书活动第一期:《实战AI大模型》

    文章目录 编辑推荐 关于 实战AI大模型 作者简介 目录 前言 序言 本书内容安排如下 实战AI大模型 全书速览 结束语 编辑推荐 人工智能领域资深专家尤洋老师倾力打造 获得了李开
  • mysql忘记密码的三种解决方案

    1 修改密码的三种方式 mysql用户分为root用户 超级管理员 拥有所有权限 和普通用户 mysql服务器通过权限表来控制用户对数据库的访问 这些权限表存于root用户下的mysql数据库中 在使用mysql数据库过程中 往往需要修改密
  • Shell - 遍历目录的函数封装

    bin bash traverse directory local dir 1 for file in dir do if d file then traverse directory file else echo file fi done
  • flutter对sqflite插件的简单使用增删改查

    首先用到的插件在pubspec yaml 里面的版本号 sqflite 2 3 0 path 1 8 3 然后我们封装一个数据库的增删改查的类 需要使用的话直接把下面代码移植 可直接使用 仅需要修改创建表的内容和自己插入的数据 sqflit
  • javascript 常见工具函数(六)

    51 格式化数字 格式化数字 param number num static formatNumber num if isNaN num return 0 if num gt 1000000 num 1000000 if num gt 10