如何利用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 相关文章推荐
js 判断上传文件大小及格式代码
Nov 13 Javascript
在javascript中实现函数数组的方法
Dec 25 Javascript
js实现将选中值累加到文本框的方法
Aug 12 Javascript
JS实现仿新浪微博发布内容为空时提示功能代码
Aug 19 Javascript
Highcharts使用简例及异步动态读取数据
Dec 30 Javascript
JS作为值的函数用法示例
Jun 20 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
AngularJS下对数组的对比分析
Aug 24 Javascript
react-native之ART绘图方法详解
Aug 08 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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
php5.3 不支持 session_register() 此函数已启用的解决方法
2013/11/12 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
PHP图片裁剪与缩放示例(无损裁剪图片)
2017/02/08 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
些很实用且必用的小脚本代码
2006/06/26 Javascript
一实用的实现table排序的Javascript类库
2007/09/12 Javascript
js 获取服务器控件值的代码
2010/03/05 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
Dreamweaver jQuery智能提示插件,支持版本提示,支持1.6api
2011/07/31 Javascript
js自定义事件及事件交互原理概述(二)
2013/02/01 Javascript
JS实现局部选择打印和局部不选择打印
2014/04/03 Javascript
jQuery实现级联菜单效果(仿淘宝首页菜单动画)
2014/04/10 Javascript
Javascript与jQuery方法的隐藏与显示
2015/01/19 Javascript
JavaScript实现将xml转换成html table表格的方法
2015/04/17 Javascript
JavaScript模拟可展开、拖动与关闭的聊天窗口实例
2015/05/12 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
微信小程序中使用javascript 回调函数
2017/05/11 Javascript
js实现数组和对象的深浅拷贝
2017/09/30 Javascript
Javascript获取某个月的天数
2018/05/30 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
Python学习笔记(二)基础语法
2014/06/06 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
pytorch 彩色图像转灰度图像实例
2020/01/13 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
美国折扣宠物药房:Total Pet Supply
2018/05/27 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
幼儿园保育员辞职信
2014/01/12 职场文书
《雪儿》教学反思
2014/04/17 职场文书
国际贸易毕业生求职信
2014/07/20 职场文书
个人授权委托书
2014/09/15 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
追悼会悼词大全
2015/06/23 职场文书
新人入职感言
2015/07/31 职场文书
关于战胜挫折的名言警句大全!
2019/07/05 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python