如何利用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 相关文章推荐
jquery异步请求实例代码
Jun 21 Javascript
Fastest way to build an HTML string(拼装html字符串的最快方法)
Aug 20 Javascript
js实现同一页面多个不同运动效果的方法
Apr 10 Javascript
JQuery给网页更换皮肤的方法
May 30 Javascript
在WordPress中加入Google搜索功能的简单步骤讲解
Jan 04 Javascript
jquery模拟实现鼠标指针停止运动事件
Jan 12 Javascript
angular使用bootstrap方法手动启动的实例代码
Jul 18 Javascript
深入理解Promise.all
Aug 08 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
Vue中的组件及路由使用实例代码详解
May 22 Javascript
深入浅析golang zap 日志库使用(含文件切割、分级别存储和全局使用等)
Feb 19 Javascript
在vue中import()语法不能传入变量的问题及解决
Apr 01 Vue.js
原生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判断当前用户已在别处登录的方法
2015/01/06 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
javascript JSON操作入门实例
2010/04/16 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
js实现可键盘控制的简单抽奖程序
2016/07/13 Javascript
javascript中call,apply,bind函数用法示例
2016/12/19 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
云服务器部署Node.js项目的方法步骤(小白系列)
2020/03/23 Javascript
原生js实现日期选择插件
2020/05/21 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
2020/07/24 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
Python基于tkinter模块实现的改名小工具示例
2017/07/27 Python
Python3.6.x中内置函数总结及讲解
2019/02/22 Python
Python for循环与range函数的使用详解
2019/03/23 Python
python实现文本进度条 程序进度条 加载进度条 单行刷新功能
2019/07/03 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Python+OpenCv制作证件图片生成器的操作方法
2019/08/21 Python
关于python的缩进规则的知识点详解
2020/06/22 Python
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
美国帽子俱乐部商店:Hat Club
2019/07/05 全球购物
高级运动鞋:GREATS
2019/07/19 全球购物
Sahajan美国:阿育吠陀护肤品牌
2021/01/09 全球购物
国际贸易毕业生求职信范文
2014/02/21 职场文书
企业授权委托书范本
2014/04/02 职场文书
服务承诺书格式
2014/05/21 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2015秋季运动会通讯稿
2015/07/18 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers