如何利用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版的in_array函数(判断数组中是否存在特定值)
May 09 Javascript
JS把内容动态插入到DIV的实现方法
Jul 19 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
vue-router路由简单案例介绍
Feb 21 Javascript
Vue2学习笔记之请求数据交互vue-resource
Feb 23 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
Apr 11 Javascript
JS触摸与手势事件详解
May 09 Javascript
Vue框架之goods组件开发详解
Jan 25 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
vue 点击按钮实现动态挂载子组件的方法
Sep 07 Javascript
webpack+vue.js构建前端工程化的详细教程
May 10 Javascript
JavaScript使用setTimeout实现倒计时效果
Feb 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
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
php实现购物车功能(上)
2020/07/23 PHP
PHP abstract 抽象类定义与用法示例
2018/05/29 PHP
兼容ie和firefox js关闭代码
2008/12/11 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
2014/03/19 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
js获取Get值的方法
2016/09/29 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
2017/03/21 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
vue3.0封装轮播图组件的步骤
2021/03/04 Vue.js
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python中logging库的使用总结
2017/10/18 Python
Python中的TCP socket写法示例
2018/05/11 Python
python实现两个经纬度点之间的距离和方位角的方法
2019/07/05 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
Python编写打字训练小程序
2019/09/26 Python
python-xpath获取html文档的部分内容
2020/03/06 Python
基于python实现FTP文件上传与下载操作(ftp&sftp协议)
2020/04/01 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python闭包及装饰器运行原理解析
2020/06/17 Python
python从PDF中提取数据的示例
2020/10/30 Python
html5 sessionStorage会话存储_动力节点Java学院整理
2017/07/06 HTML / CSS
html5 canvas合成海报所遇问题及解决方案总结
2017/08/03 HTML / CSS
董事长秘书职责
2014/01/31 职场文书
《挑山工》的教学反思
2014/02/16 职场文书
人事部专员岗位职责
2014/03/04 职场文书
IT工程师岗位职责
2014/07/04 职场文书
党委书记个人检查对照材料思想汇报
2014/10/11 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
创业计划书之情侣餐厅
2019/09/29 职场文书
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
Vue中Object.assign清空数据报错的解决方案
2022/03/03 Vue.js
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android