如何利用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闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
Sep 15 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
Angularjs 依赖压缩及自定义过滤器写法
Feb 04 Javascript
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 Javascript
Vue验证码60秒倒计时功能简单实例代码
Jun 22 Javascript
使用vue脚手架(vue-cli)搭建一个项目详解
May 09 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
Sep 11 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
Vue.js实现可编辑的表格
Dec 11 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
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
php中获取关键词及所属来源搜索引擎名称的代码
2011/02/15 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
PHP序列化操作方法分析
2016/09/28 PHP
JavaScript toFixed() 方法
2010/04/15 Javascript
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
导入extjs、jquery 文件时$使用冲突问题解决方法
2014/01/14 Javascript
javascript获取隐藏元素(display:none)的高度和宽度的方法
2014/06/06 Javascript
Underscore源码分析
2015/12/30 Javascript
javascript对象的创建和访问
2016/03/08 Javascript
webpack入门+react环境配置
2017/02/08 Javascript
Vue.js render方法使用详解
2017/04/05 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
vue如何判断dom的class
2018/04/26 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
JS实现小星星特效
2019/12/24 Javascript
原生js实现的金山打字小游戏(实例代码详解)
2020/03/16 Javascript
简单介绍Python中的readline()方法的使用
2015/05/24 Python
python微信跳一跳系列之棋子定位像素遍历
2018/02/26 Python
python 编写简单网页服务器的实例
2018/06/01 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
纬创Java面试题笔试题
2014/10/02 面试题
旅游管理毕业生自荐信
2013/11/05 职场文书
商务专员岗位职责
2013/11/23 职场文书
财务会计人员岗位职责
2013/11/30 职场文书
车间班组长的职责
2013/12/13 职场文书
公务员培训心得体会
2013/12/28 职场文书
会计工作心得体会
2014/01/13 职场文书
经典安踏广告词
2014/03/21 职场文书
优秀团队申报材料
2014/12/26 职场文书
2015年教师工作总结范文
2015/03/31 职场文书
入团介绍人意见范文
2015/06/04 职场文书
学习雷锋主题班会
2015/08/14 职场文书
2016年119消防宣传日活动总结
2016/04/05 职场文书
浅谈Python类的单继承相关知识
2021/05/12 Python
MySQL利用UNION连接2个查询排序失效详解
2021/11/20 MySQL