如何利用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下IE与Firefox下的差异兼容写法总结
Jun 18 Javascript
电子商务网站上的常用的js放大镜效果
Dec 08 Javascript
JSCode all of Brower 全局屏蔽网页右键功能 具体实现
Jun 05 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
使用jQuery不判断浏览器高度解决iframe自适应高度问题
Dec 16 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
Mar 25 Javascript
js 将图片连接转换成base64格式的简单实例
Aug 10 Javascript
Javascript 使用ajax与C#获取文件大小实例详解
Jan 13 Javascript
js实现前面自动补全位数的方法
Oct 10 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
Apr 11 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 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 Session 变量的使用方法详解与实例代码
2013/09/11 PHP
PHP匿名函数和use子句用法实例
2016/03/16 PHP
php-fpm开启状态统计的方法详解
2017/06/23 PHP
ThinkPHP实现转换数据库查询结果数据到对应类型的方法
2017/11/16 PHP
常用一些Javascript判断函数
2012/08/14 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
js中replace的用法总结
2013/12/27 Javascript
JS删除字符串中重复字符方法
2014/03/09 Javascript
DOM基础教程之使用DOM + Css
2015/01/20 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
bootstrap 点击空白处popover弹出框隐藏实例
2018/01/24 Javascript
浅探express路由和中间件的实现
2019/09/30 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
vue实现浏览器全屏展示功能
2019/11/27 Javascript
jQuery使用jsonp实现百度搜索的示例代码
2020/07/08 jQuery
如何在selenium中使用js实现定位
2020/08/18 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
python使用MySQLdb访问mysql数据库的方法
2015/08/03 Python
Flask框架的学习指南之用户登录管理
2016/11/20 Python
Python实现的将文件每一列写入列表功能示例【测试可用】
2018/03/19 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python实现连续图文识别
2018/12/18 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
python画双y轴图像的示例代码
2019/07/07 Python
HTML5 文件域+FileReader 分段读取文件并上传到服务器
2017/10/23 HTML / CSS
西班牙网上书店:Casa del Libro
2016/11/01 全球购物
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
消防安全管理制度
2014/02/01 职场文书
2015年音乐教师个人工作总结
2015/05/20 职场文书
分享几个简单MySQL优化小妙招
2022/03/31 MySQL
在虚拟机中安装windows server 2008的图文教程
2022/06/28 Servers
CSS中使用grid布局实现一套模板多种布局
2022/07/15 HTML / CSS