如何利用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 相关文章推荐
判断iframe是否加载完成的完美方法
Jan 07 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
Sep 19 Javascript
jQuery AjaxQueue改进步骤
Oct 06 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
Jul 14 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
jquery得到iframe src属性值的方法
Sep 25 Javascript
jquery中EasyUI实现同步树
Mar 01 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
Feb 27 Javascript
angularjs实现首页轮播图效果
Apr 14 Javascript
JavaScript修改注册表实例代码
Jan 05 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写的带缓存数据功能的mysqli类
2012/09/06 PHP
完美解决令人抓狂的zend studio 7代码提示(content Assist)速度慢的问题
2013/06/20 PHP
分享十款最出色的PHP安全开发库中文详细介绍
2015/03/22 PHP
PHP实现批量修改文件后缀名的方法
2015/07/30 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
javascript开发技术大全-第1章javascript概述
2011/07/03 Javascript
js中将URL中的参数提取出来作为对象的实现代码
2011/08/16 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
jCallout 轻松实现气泡提示功能
2013/09/22 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
jQuery操作select下拉框的text值和value值的方法
2014/05/31 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
jQuery实现摸拟alert提示框
2016/05/22 Javascript
最全的JavaScript开发工具列表 总有一款适合你
2017/06/29 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
mpvue实现左侧导航与右侧内容的联动
2019/10/21 Javascript
详解Typescript 内置的模块导入兼容方式
2020/05/31 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
python实现ftp客户端示例分享
2014/02/17 Python
在Django框架中设置语言偏好的教程
2015/07/27 Python
python实现SMTP邮件发送功能
2020/06/16 Python
浅析python协程相关概念
2018/01/20 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
python实现祝福弹窗效果
2019/04/07 Python
Numpy的简单用法小结
2019/08/28 Python
Python Process多进程实现过程
2019/10/22 Python
Pycharm中配置远程Docker运行环境的教程图解
2020/06/11 Python
详解Python中的Lock和Rlock
2021/01/26 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
委托书的样本
2015/01/28 职场文书
MySQL Router的安装部署
2021/04/24 MySQL
安装Ruby和 Rails的详细步骤
2022/04/19 Ruby