如何利用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实现的分页函数
Dec 22 Javascript
jquery插件制作 图片走廊 gallery
Aug 17 Javascript
jquery ajax请求方式与提示用户正在处理请稍等
Sep 01 Javascript
浅析Node.js查找字符串功能
Sep 03 Javascript
浅析webapp框架AngularUI的demo
Dec 21 Javascript
浅谈js中的闭包
Mar 16 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
Apr 14 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
npm 更改默认全局路径以及国内镜像的方法
May 16 Javascript
js如何获取访问IP、地区、当前操作浏览器
Jul 23 Javascript
javascript函数式编程基础
Sep 15 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
解析如何用php screw加密php源代码
2013/06/20 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
PHP获取photoshop写入图片文字信息的方法
2015/03/31 PHP
php使用substr()和strpos()联合查找字符串中某一特定字符的方法
2015/05/12 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
图像替换新技术 状态域方法
2010/01/28 Javascript
JS获取整个页面文档的实现代码
2011/12/15 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
jquery实现鼠标滑过显示二级下拉菜单效果
2015/08/24 Javascript
JS组件Bootstrap ContextMenu右键菜单使用方法
2016/04/17 Javascript
Bootstrap插件全集
2016/07/18 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
2016/08/29 Javascript
简单理解js的冒泡排序
2016/12/19 Javascript
jquery事件与绑定事件
2017/03/16 Javascript
基于JavaScript实现类名的添加与移除
2017/04/23 Javascript
基于VUE实现的九宫格抽奖功能
2018/09/30 Javascript
详解关于Angular4 ng-zorro使用过程中遇到的问题
2018/12/05 Javascript
深入理解JavaScript 箭头函数
2019/05/30 Javascript
深入解析koa之中间件流程控制
2019/06/17 Javascript
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
python实现读取并显示图片的两种方法
2017/01/13 Python
Python3标准库总结
2019/02/19 Python
Python实现 版本号对比功能的实例代码
2019/04/18 Python
python字典一键多值实例代码分享
2019/06/14 Python
Python局部变量与全局变量区别原理解析
2020/07/14 Python
花卉与景观设计系大学生求职信
2013/10/01 职场文书
银行营业厅大堂经理岗位职责
2014/01/06 职场文书
宿舍卫生检讨书
2014/01/16 职场文书
违反校纪校规检讨书
2014/02/15 职场文书
英文演讲稿
2014/05/15 职场文书
教师正风肃纪剖析材料
2014/10/20 职场文书