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 常见工具函数(六) 的相关文章

  • Ajax文件上传

    我想使用 Ajax 和 php 上传文件 我有一个表格
  • 在其他不可滚动的 div 上滚动时如何滚动可滚动的 div?

    我知道这个问题听起来很令人困惑 但这就是我想要做的 在下面的代码片段中 如果用户在绿色 div 上滚动 我希望黄色 div 相应地滚动 就像滚动黄色 div 一样 请注意 黄色 div 有overflow auto 但绿色的则不然 docu
  • 我可以动态创建/销毁 Vue 组件吗?

    因此 我正在创建一个相当复杂的 Vue 应用程序 它从后端 API 获取数据并将其显示在前端 具体取决于用户选择的过滤器 它的默认设置是立即显示所有内容 然后一旦用户选择过滤器 它就会拉出不具有这些属性的 卡片 组件 直到今天 一切都很顺利
  • 如何将 Django 中的数组传递给模板并在 JavaScript 中使用它

    我想将数组传递给模板 然后通过 JavaScript 使用它 In my views py I have arry1 Str 500 20 return render to response test html array1 arry1 在
  • 您可以将现有的 div 复制到模式对话框吗

    我有一个带有多个面板的仪表板来显示不同的信息 我希望能够添加一个按钮来以模式显示面板 我正在使用引导程序 我所能找到的只是已经编写的模态 我想复制作为面板的 div 标签的内容 然后将其显示在模型中 但我不确定如何进行 该面板的 html
  • Sonar 中的 javascript 代码覆盖率

    我是使用 Sonar 和插件进行 javascript 代码覆盖的新手 使用 Sonar 分析时 有哪些可能性可以找出 javascript 代码的质量 包括代码覆盖率 目前我正在使用 karma runner 它提供代码覆盖率报告 可以在
  • 实现悬停信息框

    我有一个日历 当用户将鼠标悬停在单元格上时 会出现一个很大的信息框 其中包含该日期的详细信息 虽然当用户离开时使信息框消失 但我遇到了一些麻烦 我基本上想要它 这样当鼠标光标移出信息框隐藏的日历单元格时 它就会消失 但我遇到了麻烦 因为mo
  • 无法读取未定义的“触及”属性

    为什么我会收到此错误无法读取未定义的属性 为什么无法读取formName controls email touched但它能够阅读formName get custDetails touched
  • Angularjs 完整日历不显示事件

    我正在用那个https github com angular ui ui calendar https github com angular ui ui calendar在 Angularjs 中使用 FullCalendar 它显示日历并
  • html canvas动画卡顿

    谁能解释为什么提供的画布动画断断续续 我创建了一个测试存根来演示该问题 我在桌面上的 FF Chrome IE 以及 Android 上的 FF 和 Chrome 中看到了卡顿现象 口吃是由于垃圾收集造成的吗 似乎 raf 在每次调用时都会
  • 如何在 javascript 中基于类型字符串创建新对象?

    如何基于变量类型字符串 包含对象名称 在 javascript 中创建新对象 现在我有 随着更多工具的出现 列表会变得更长 function getTool name switch name case SelectTool return n
  • 自定义指令链接中的 element.replaceWith 仅在第一次调用时有效

    我是 Angularjs 的新手 不太了解幕后的情况 基本上我想创建一个 E 扭结指令 基于控制器中的数据 我动态创建html 就像整个 表 一样 以替换该指令 我的 html 文件中的指令是这样的
  • jQuery 悬停时滚动到 div 并返回到第一个元素

    我基本上有一个具有设定尺寸的 div 和overflow hidden 该 div 包含 7 个子 div 但一次只显示一个 我希望当它们各自的链接悬停时能够平滑地垂直滚动 但是 第一部分 div 没有链接 并且是没有悬停链接时的默认部分
  • 如何使用 JavaScript 获取元素的填充值?

    我有一个textarea在我的 HTML 中 我需要获取整数或浮点形式的填充数值 以像素为单位 我如何使用 JavaScript 获取它 我没有使用 jQuery 所以我正在寻找纯 JavaScript 解决方案 这将返回padding l
  • JavaScript 中的实时摩尔斯电码转换器

    在看到谷歌关于莫尔斯电码 gmail 的愚人节笑话后 我想我应该尝试用 javascript 创建一个实时莫尔斯电码转换器 我正在使用正则表达式和替换将莫尔斯电码更改为字符 例如 replace g a replace g r 我遇到的问题
  • 不使用控件时,视频元素在 Chrome 中消失

    So I think这是一个浏览器错误 它出现在一个更复杂的设计 网站中 但我已经进行了很好的尝试 简化了我的代码和设计等 并发现了以下内容 嵌入时
  • Django 将 JSON 数据传递给静态 getJSON/Javascript

    我正在尝试从 models py 中获取数据并将其序列化为views py 中的 JSON 对象 模型 py class Platform models Model platformtype models CharField max len
  • 在方法内部执行方法

    我目前正在 FreeCodeCamp 中进行 JavaScript 练习 我的代码应该使用的测试用例之一是函数调用 如下所示 addTogether 2 3 这是我得到的基本功能 function addTogether return 当我
  • p5 向量减法“sub”返回错误

    我一直在尝试将 p5 草图上传到 React 构建中 使用react p5 wrapper 我能够成功在屏幕上渲染画布 但是 某些矢量函数会导致错误 var distance this position dist ball position
  • JQuery 删除和内存泄漏

    我正在开发一个游戏 我看到了很多内存消耗 我使用jquery animate 动画完成后 我 remove 元素 我的问题是 从 dom 树中删除一个元素后 对象还存在记忆中吗 Javascript 是一种垃圾收集语言 这意味着当没有代码保

随机推荐

  • 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