如何利用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 ajaxsubmit上传图片实现代码
Nov 04 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
jQuery遍历json中多个map的方法
Feb 12 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
canvas知识总结
Jan 25 Javascript
JavaScript无缝滚动效果的实例代码
Mar 27 Javascript
很棒的vue弹窗组件
May 24 Javascript
three.js中文文档学习之创建场景
Nov 20 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
Sep 07 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
Sep 22 Javascript
JavaScript 去重和重复次数统计
Mar 31 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 显示客户端IP与服务器IP的代码
2010/10/12 PHP
自定义min版smarty模板引擎MinSmarty.class.php文件及用法
2016/05/20 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
Javascript - HTML的request类
2007/01/09 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
[原创]javascript typeof id==='string'?document.getElementById(id):id解释
2016/11/02 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
详解node.js 事件循环
2020/07/22 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
Python入门及进阶笔记 Python 内置函数小结
2014/08/09 Python
Python实现文件信息进行合并实例代码
2018/01/17 Python
python实现Adapter模式实例代码
2018/02/09 Python
python 利用栈和队列模拟递归的过程
2018/05/29 Python
python最小生成树kruskal与prim算法详解
2019/01/17 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python自动化测试无法启动谷歌浏览器问题
2019/10/10 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
一个入门级python爬虫教程详解
2021/01/27 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
C#笔试题集合
2013/06/21 面试题
学前教育求职自荐信范文
2013/12/25 职场文书
邮政员工辞职信
2014/01/16 职场文书
农林环境专业求职信
2014/03/13 职场文书
农村改厕实施方案
2014/03/22 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
致运动员赞词
2015/07/22 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
小学科学课教学反思
2016/02/23 职场文书
使用python如何删除同一文件夹下相似的图片
2021/05/07 Python
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL