如何利用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中使用ajax获取远程页面信息
Nov 13 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
window.onload使用指南
Sep 13 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
浅析如何利用JavaScript进行语音识别
Oct 27 Javascript
微信小程序 特效菜单抽屉效果实例代码
Jan 11 Javascript
微信小程序之电影影评小程序制作代码
Aug 03 Javascript
原生JS实现图片无缝滚动方法(附带封装的运动框架)
Oct 01 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
layui写后台表格思路和赋值用法详解
Nov 14 Javascript
梳理一下vue中的生命周期
Dec 30 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+mysql写的简单留言本实例代码
2008/07/25 PHP
php中将数组存到文件里的实现代码
2012/01/19 PHP
优化PHP程序的方法小结
2012/02/23 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
JavaScript中的await/async的作用和用法
2016/10/31 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
vue.js源代码core scedule.js学习笔记
2017/07/03 Javascript
关于jQuery里prev()的简单操作代码
2017/10/27 jQuery
Vue三种常用传值示例(父传子、子传父、非父子)
2018/07/24 Javascript
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
Python中分数的相关使用教程
2015/03/30 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
儿童编程python入门
2018/05/08 Python
Python中shapefile转换geojson的示例
2019/01/03 Python
django框架CSRF防护原理与用法分析
2019/07/22 Python
python实现截取屏幕保存文件,删除N天前截图的例子
2019/08/27 Python
python与mysql数据库交互的实现
2020/01/06 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
国际书籍零售商:Wordery
2017/11/01 全球购物
名词解释WEB SERVICE,SOAP,UDDI,WSDL,JAXP,JAXM;JSWDL开发包的介绍。
2012/10/27 面试题
物业管理应届生求职信
2013/10/28 职场文书
学校经典推荐信
2013/10/30 职场文书
学生会主席事迹材料
2014/01/28 职场文书
自我鉴定 电子商务专业
2014/01/30 职场文书
建筑工地质量标语
2014/06/12 职场文书
缓刑人员思想汇报500字
2014/09/12 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android