如何利用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 constructor和instanceof,JSOO中的一对欢喜冤家
May 25 Javascript
利用js获取服务器时间的两个简单方法
Jan 08 Javascript
基于jQuery的倒计时插件代码
May 07 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
Vue组件创建和传值的方法
Aug 17 Javascript
Nuxt.js实现校验访问浏览器类型的中间件
Aug 24 Javascript
JS面向对象之单选框实现
Jan 17 Javascript
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 jQuery
vue使用better-scroll实现滑动以及左右联动
Jun 30 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
Oct 29 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遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
显示youtube视频缩略图和Vimeo视频缩略图代码分享
2014/02/13 PHP
PHP生成RSS文件类实例
2014/12/05 PHP
php实现数字补零的方法总结
2018/09/12 PHP
javascript 特性检测并非浏览器检测
2010/01/15 Javascript
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
深入理解Javascript里的依赖注入
2014/03/19 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
解决jquery无法找到其他父级子集问题的方法
2016/05/10 Javascript
实用又漂亮的BootstrapValidator表单验证插件
2016/05/30 Javascript
整理关于Bootstrap排版的慕课笔记
2017/03/29 Javascript
Angular.js中定时器循环的3种方法总结
2017/04/27 Javascript
详解A标签中href=""的几种用法
2017/08/20 Javascript
微信小程序如何使用云开发
2019/05/17 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
js判断密码强度的方法
2020/03/18 Javascript
Typescript3.9 常用新特性一览(推荐)
2020/05/14 Javascript
深入了解Vue.js 混入(mixins)
2020/07/23 Javascript
基于Python和Scikit-Learn的机器学习探索
2017/10/16 Python
浅谈Python中的私有变量
2018/02/28 Python
python 中xpath爬虫实例详解
2019/08/26 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
关于Python3的import问题(pycharm可以运行命令行import错误)
2020/11/18 Python
秘鲁购物网站:Linio秘鲁
2017/04/07 全球购物
Pam & Gela官网:美国性感前卫女装品牌
2018/07/19 全球购物
利用指针变量实现队列的入队操作
2012/04/07 面试题
《植物妈妈有办法》教学反思
2014/02/25 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
党员自我评议对照检查材料
2014/09/27 职场文书
详解用Python把PDF转为Word方法总结
2021/04/27 Python
浅析Redis Sentinel 与 Redis Cluster
2021/06/24 Redis
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python