如何利用JS将手机号中间四位变成*号


Posted in Javascript onSeptember 29, 2020

前言:无意间留意到一个面试题,需求是利用js将手机号中间四位变成*号,简单记录一下。

1. 利用字符串的substr方法 substr() 方法返回一个字符串中从指定位置开始到指定字符数的字符。

语法:str.substr(start[, length])

参数

  • start:开始提取字符的位置。
  • length:可选。提取的字符数。
var tel = 15617076160;
	tel = "" + tel;
	var newTel = tel.substr(0,3) + "****" + tel.substr(7)
	console.log(newTel);//156****6160

2. 利用字符串的substring方法 substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集。

语法:str.substring(indexStart[, indexEnd])

参数

  •  indexStart:需要截取的第一个字符的索引,该索引位置的字符作为返回的字符串的首字母。
  • indexEnd:可选。一个 0 到字符串长度之间的整数,以该数字为索引的字符不包含在截取的字符串内。
var tel = 15617076160;
	tel = "" + tel;
	var newTel =tel.replace(tel.substring(3,7), "****")
	console.log(newTel);//156****6160

3. 利用数组splice方法

splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。

语法:array.splice(start[, deleteCount[, item1[, item2[, …]]]])

参数

  •  start​:指定修改的开始位置(从0计数)。
  • deleteCount :可选,整数,表示要移除的数组元素的个数。
  • item1, item2, … 可选,要添加进数组的元素,从start 位置开始。

返回值

由被删除的元素组成的一个数组。如果只删除了一个元素,则返回只包含一个元素的数组。如果没有删除元素,则返回空数组。

var tel = 15617076160;
	tel = "" + tel;
	var ary = tel.split("");
	ary.splice(3,4,"****");
	var newTel=ary.join("");
	console.log(newTel);//156****6160

4. 利用正则表达式

var tel = 15617076160;
	tel = "" + tel;
	var reg=/(\d{3})\d{4}(\d{4})/;
	var newTel = tel.replace(reg, "$1****$2")
	console.log(newTel);//156****6160

总结

到此这篇关于如何利用JS将手机号中间四位变成*号的文章就介绍到这了,更多相关js手机号中间四位数变成*号内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript DOM编程实例(智播客学习)
Nov 23 Javascript
js下用gb2312编码解码实现方法
Dec 31 Javascript
JavaScript 空位补零实现代码
Feb 26 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
js调用百度地图及调用百度地图的搜索功能
Sep 07 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
原生JavaScript实现刮刮乐
Sep 29 #Javascript
原生JavaScript实现拖动校验功能
Sep 29 #Javascript
使用JavaScript实现贪吃蛇游戏
Sep 29 #Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 #Javascript
Openlayers3实现车辆轨迹回放功能
Sep 29 #Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 #Javascript
JS中队列和双端队列实现及应用详解
Sep 29 #Javascript
You might like
在Windows版的PHP中使用ADO
2006/10/09 PHP
PHPMailer的主要功能特点和简单使用说明
2014/02/17 PHP
采用memcache在web集群中实现session的同步会话
2014/07/05 PHP
linux下实现定时执行php脚本
2015/02/13 PHP
php使用cookie实现记住用户名和密码实现代码
2015/04/27 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
phpstorm最新激活码分享亲测phpstorm2020.2.3版可用
2020/11/22 PHP
自己的js工具 Event封装
2009/08/21 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
js创建jsonArray传输至后台及后台全面解析
2016/04/11 Javascript
Bootstrap幻灯片轮播图支持触屏左右手势滑动的实现方法
2016/10/13 Javascript
浅谈javascript中的三种弹窗
2016/10/21 Javascript
理解JavaScript原型链
2016/10/25 Javascript
JavaScript实现动态添加Form表单元素的方法示例
2017/08/14 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
详解微信小程序审核不通过的解决方法
2018/01/17 Javascript
ES6 系列之 Generator 的自动执行的方法示例
2018/10/19 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
Python cookbook(数据结构与算法)保存最后N个元素的方法
2018/02/13 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
教你一步步利用python实现贪吃蛇游戏
2019/06/27 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
python实现单链表的方法示例
2019/09/03 Python
opencv之颜色过滤只留下图片中的红色区域操作
2020/06/05 Python
Python2.6版本pip安装步骤解析
2020/08/17 Python
HTML5是什么 HTML5是什么意思 HTML5简介
2012/10/26 HTML / CSS
安德玛菲律宾官网:Under Armour菲律宾
2020/07/28 全球购物
2014年三八妇女节活动总结
2014/03/01 职场文书
产品设计开发计划书
2014/05/07 职场文书
课内比教学心得体会
2014/09/09 职场文书
违章停车检讨书
2014/10/21 职场文书
大学生旷课检讨书1000字
2015/02/19 职场文书
Python如何解决secure_filename对中文不支持问题
2021/07/16 Python
spring cloud 配置中心客户端启动遇到的问题
2021/09/25 Java/Android
一次Mysql update sql不当引起的生产故障记录
2022/04/01 MySQL