如何利用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 JavaScript获取Url参数,src属性参数
Mar 09 Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
JavaScript实现多种排序算法
Feb 24 Javascript
浅析Bootstrap表格的使用
Jun 23 Javascript
JS传递对象数组为参数给后端,后端获取的实例代码
Jun 28 Javascript
实现JavaScript高性能的数据存储
Dec 11 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
js利用for in循环获取 一个对象的所有属性以及值的实例
Mar 30 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 Javascript
JS实现手写 forEach算法示例
Apr 29 Javascript
javascript实现电商放大镜效果
Nov 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
php下过滤HTML代码的函数
2007/12/10 PHP
php5.5中类级别的常量使用介绍
2013/10/02 PHP
php+html5实现无刷新图片上传教程
2016/01/22 PHP
phpmyadmin在宝塔面板里进不去的解决方案
2020/07/06 PHP
使用jquery实现select添加实现后台权限添加的效果
2011/05/28 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
使用Math.floor与Math.random取随机整数的方法详解
2013/05/07 Javascript
原生JavaScript实现连连看游戏(附源码)
2013/11/05 Javascript
文本框水印提示效果的简单实现代码
2014/02/22 Javascript
jquery 插件实现多行文本框[textarea]自动高度
2015/03/04 Javascript
JavaScript编写一个简易购物车功能
2016/09/17 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
基于vue2.0实现的级联选择器
2017/06/09 Javascript
实例讲解Vue.js中router传参
2018/04/22 Javascript
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
jQuery实现简易聊天框
2020/02/08 jQuery
[57:47]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
零基础学Python(一)Python环境安装
2014/08/20 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python使用Matplotlib实现雨点图动画效果的方法
2017/12/23 Python
TensorFlow实现随机训练和批量训练的方法
2018/04/28 Python
python实现动态数组的示例代码
2019/07/15 Python
python3实现弹弹球小游戏
2019/11/25 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
python实现快递价格查询系统
2020/03/03 Python
英国护肤品购物网站:Beauty Expert
2016/08/19 全球购物
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
Lulu & Georgia官方网站:购买地毯、家具、抱枕、壁纸、床上用品等
2018/03/19 全球购物
物业电工岗位职责
2013/11/20 职场文书
酒店保安领班职务说明书
2014/03/04 职场文书
新春文艺演出主持词
2014/03/27 职场文书
员工升职自荐信
2015/03/27 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
《全神贯注》教学反思
2016/02/22 职场文书