JS中实现隐藏部分姓名或者电话号码的代码


Posted in Javascript onJuly 17, 2018

项目需要, 只显示用户的姓名和手机号开头跟结尾, 其他部分用 * 代替, 借鉴了网上的代码, 参考地址没来得及记下

hidden:function(str,frontLen,endLen) { 
           var len = str.length-frontLen-endLen;
           var xing = '';
           for (var i=0;i<len;i++) {
           xing+='*';
          }
           return str.substring(0,frontLen)+xing+str.substring(str.length-endLen);
        }

frontLen: 前面需要保留几位    endLen: 后面需要保留几位

原理很简单, 先算出有几位是要用 * 代替, 然后建出这个 * 的字符串, 返回的时候拼接字符串, 使用substring(开始位 , 结束为)截取需要显示的内容, 然后拼接 , 返回

总结

以上所述是小编给大家介绍的JS中实现隐藏部分姓名或者电话号码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
最短的javascript:地址栏载入脚本代码
Oct 13 Javascript
利用毫秒减值计算时长的js代码
Sep 22 Javascript
jQuery的attr与prop使用介绍
Oct 10 Javascript
js实现网页自动刷新可制作节日倒计时效果
May 27 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
浅谈JavaScript的内置对象和浏览器对象
Jun 03 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 Javascript
JS+HTML+CSS实现轮播效果
Nov 28 Javascript
VSCode配置react开发环境的步骤
Dec 27 Javascript
Vue 让元素抖动/摆动起来的实现代码
May 31 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 Javascript
基于D3.js实现时钟效果
Jul 17 #Javascript
vue生成token并保存到本地存储中
Jul 17 #Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 #Javascript
使用svg实现动态时钟效果
Jul 17 #Javascript
详解.vue文件中style标签的几个标识符
Jul 17 #Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 #Javascript
vue实现未登录跳转到登录页面的方法
Jul 17 #Javascript
You might like
用PHP和ACCESS写聊天室(九)
2006/10/09 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
thinkPHP5框架闭包函数与子查询传参用法示例
2018/08/02 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
基于jquery的loading效果实现代码
2010/11/05 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
js change,propertychange,input事件小议
2011/12/20 Javascript
ajax上传时参数提交不更新等相关问题
2012/12/11 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
jQuery实现移动端滑块拖动选择数字效果
2015/12/24 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
JavaScript lodash常见用法系列小结
2016/08/24 Javascript
javascript cookie基础应用之记录用户名的方法
2016/09/20 Javascript
深入理解vue Render函数
2017/07/19 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
[03:46]显微镜下的DOTA2第七期——满血与残血
2014/06/20 DOTA
Python中基础的socket编程实战攻略
2016/06/01 Python
Python3.6 Schedule模块定时任务(实例讲解)
2017/11/09 Python
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
python实现爬山算法的思路详解
2019/04/09 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
分享一个页面平滑滚动小技巧(推荐)
2019/10/23 HTML / CSS
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
英国高档百货连锁店:John Lewis
2017/11/20 全球购物
美国时尚大码女装购物网站:Avenue
2019/05/24 全球购物
Python基础之元类详解
2021/04/29 Python
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL