如何利用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的with语句使用方法
Sep 21 Javascript
JavaScript高级程序设计(第3版)学习笔记 概述
Oct 11 Javascript
JavaScript高级程序设计(第3版)学习笔记12 js正则表达式
Oct 11 Javascript
JavaScript 垃圾回收机制分析
Oct 10 Javascript
DOM基础教程之使用DOM控制表单
Jan 20 Javascript
javascript最基本的函数汇总
Jun 25 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
vue组件开发之用户无限添加自定义填写表单的方法
Aug 28 Javascript
Bootstrap的aria-label和aria-labelledby属性实例详解
Nov 02 Javascript
Layui实现数据表格默认全部显示(不要分页)
Oct 26 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
Mar 08 Javascript
JS实现4位随机验证码
Oct 19 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
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
用PHP连mysql和oracle数据库性能比较
2006/10/09 PHP
完美解决dedecms中的[html][/html]和[code][/code]问题
2007/03/20 PHP
Notice: Trying to get property of non-object problem(PHP)解决办法
2012/03/11 PHP
PHP中几种常见的超时处理全面总结
2012/09/11 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
传智播客学习之java 反射
2009/11/22 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
node.js中的fs.lstat方法使用说明
2014/12/16 Javascript
基于js实现checkbox批量选中操作
2016/11/22 Javascript
JS实现旋转木马式图片轮播效果
2017/01/18 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
浅析vue-router中params和query的区别
2019/12/24 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
python3.0 字典key排序
2008/12/24 Python
Python命令行参数解析模块getopt使用实例
2015/04/13 Python
python回调函数用法实例分析
2015/05/09 Python
Python3爬虫全国地址信息
2019/01/05 Python
python绘制玫瑰的实现代码
2020/03/02 Python
在python中利用pycharm自定义代码块教程(三步搞定)
2020/04/15 Python
Python正则表达式如何匹配中文
2020/05/27 Python
PyCharm最新激活码(2020/10/27全网最新)
2020/10/27 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
HTML5 canvas绘制的玫瑰花效果
2014/05/29 HTML / CSS
Book Depository澳大利亚:世界领先的专业在线书店之一
2018/12/27 全球购物
行政部岗位职责范本
2014/03/13 职场文书
班干部演讲稿
2014/04/24 职场文书
十佳家长事迹材料
2014/08/26 职场文书
房地产项目合作意向书
2015/05/08 职场文书
九大龙王魂骨,山龙王留下躯干骨,榜首死的最憋屈(被捏碎)
2022/03/18 国漫
Win11安全功能升级:内置防网络钓鱼功能
2022/04/08 数码科技