脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js手机号中间四位数变成*号

如何利用JS将手机号中间四位变成*号

 更新时间：2020年09月29日 14:56:54   作者：金小壮  
这篇文章主要介绍了如何利用JS将手机号中间四位变成*号,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

前言：无意间留意到一个面试题，需求是利用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 forEach的几种用法小结

    JavaScript forEach的几种用法小结

    forEach()是JavaScript中一个常用的方法,用于遍历数组或类数组对象中的每个元素,本文就来介绍一下JavaScript forEach的几种用法小结,具有一定的参考价值,感兴趣的可以了解一下
    2023-11-11
  • webpack4 SplitChunks实现代码分隔详解

    webpack4 SplitChunks实现代码分隔详解

    这篇文章主要介绍了webpack4 SplitChunks实现代码分隔详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript判断变量是否为undefined的两种写法区别

    JavaScript判断变量是否为undefined的两种写法区别

    这篇文章主要是对JavaScript判断变量是否为undefined的两种写法区别进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2013-12-12
  • javascript中window.open在原来的窗口中打开新的窗口(不同名)

    javascript中window.open在原来的窗口中打开新的窗口(不同名)

    本文给大家介绍使用window.open在原来的窗口中打开新的窗口，涉及到win.open新窗口相关知识，对本文感兴趣的朋友参考下
    2015-11-11
  • 基于Javascript实现弹出页面效果

    基于Javascript实现弹出页面效果

    弹出层效果是一个很实用的功能，很多网站都采用了这种方式实现登录和注册，下面小编通过本文给大家分享具体实现代码，对js弹出页面效果相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • js实现图片实时时钟

    js实现图片实时时钟

    这篇文章主要为大家详细介绍了js实现图片实时时钟，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-01-01
  • JS+CSS实现的竖向简洁折叠菜单效果代码

    JS+CSS实现的竖向简洁折叠菜单效果代码

    这篇文章主要介绍了JS+CSS实现的竖向简洁折叠菜单效果代码,涉及JavaScript链式操作与元素遍历等相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • js 点击a标签 获取a的自定义属性方法

    js 点击a标签 获取a的自定义属性方法

    下面小编就为大家带来一篇js 点击a标签 获取a的自定义属性方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • javascript DOM 操作基础知识小结

    javascript DOM 操作基础知识小结

    经常用到javascript对dom，喜欢这方便的朋友也很多，要想更好的对dom进行操作，这些基础一定要知道的。
    2010-04-04
  • js判断60秒以及倒计时示例代码

    js判断60秒以及倒计时示例代码

    本篇文章主要是对js判断60秒以及倒计时的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-01-01

最新评论