如何利用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 相关文章推荐
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
Apr 29 Javascript
javascript new后的constructor属性
Aug 05 Javascript
js读写cookie实现一个底部广告浮层效果的两种方法
Dec 29 Javascript
Document.location.href和.replace的区别示例介绍
Mar 04 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
js实现点击文本框显示日期选择器特效代码分享
May 21 Javascript
jquery.multiselect多选下拉框实现代码
Nov 11 Javascript
微信小程序 label 组件详解及简单实例
Jan 10 Javascript
js实现图片左右滚动效果
Feb 27 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
node.js使用mongoose操作数据库实现购物车的增、删、改、查功能示例
Dec 23 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
URL Rewrite的设置方法
2007/01/02 PHP
dedecms函数分享之获取某一栏目所有子栏目
2014/05/19 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
laravel dingo API返回自定义错误信息的实例
2019/09/29 PHP
非常不错的功能强大代码简单的管理菜单美化版
2008/07/09 Javascript
JS实现淘宝幻灯片效果的实现方法
2013/03/22 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
javascript常用经典算法实例详解
2015/11/25 Javascript
JS实现隐藏同级元素后只显示JS文件内容的方法
2016/09/04 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
vue 中滚动条始终定位在底部的方法
2018/09/03 Javascript
vue基于element-ui的三级CheckBox复选框功能的实现代码
2018/10/15 Javascript
vue中echarts引入中国地图的案例
2020/07/28 Javascript
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
python实现获取单向链表倒数第k个结点的值示例
2019/10/24 Python
python的Jenkins接口调用方式
2020/05/12 Python
Python3爬虫中Ajax的用法
2020/07/10 Python
Python实现自动整理文件的脚本
2020/12/17 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
Clarisonic美国官网:科莱丽声波洁面仪
2017/10/12 全球购物
Muziker英国:中欧最大的音乐家商店
2020/02/05 全球购物
C#如何判断当前用户是否输入某个域
2015/12/07 面试题
舞蹈比赛获奖感言
2014/02/04 职场文书
工作态度检讨书
2014/02/11 职场文书
电台实习生求职信
2014/02/25 职场文书
《陈毅探母》教学反思
2014/05/01 职场文书
市级优秀班主任事迹材料
2014/05/13 职场文书
食堂厨师岗位职责
2014/08/25 职场文书
乡镇机关党员民主评议表自我评价
2014/09/21 职场文书
小学运动会开幕词
2015/01/28 职场文书
情侣餐厅的创业计划书范本!
2019/07/26 职场文书
pytorch 实现变分自动编码器的操作
2021/05/24 Python