脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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正则替换HTML标签功能示例

    JavaScript正则替换HTML标签功能示例

    这篇文章主要介绍了JavaScript正则替换HTML标签功能,结合完整实例形式详细分析了javascript正则替换字符串操作相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • JS组件封装之监听localStorage的变化

    JS组件封装之监听localStorage的变化

    这篇文章主要介绍了JS组件封装之监听localStorage的变化,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2022-09-09
  • 解决layui使用layui-icon出现默认图标的问题

    解决layui使用layui-icon出现默认图标的问题

    今天小编就为大家分享一篇解决layui使用layui-icon出现默认图标的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序可滑动周日历组件使用详解

    微信小程序可滑动周日历组件使用详解

    这篇文章主要为大家详细介绍了微信小程序可滑动周日历组件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • JS字符串处理实例代码

    JS字符串处理实例代码

    这篇文章介绍了JS字符串处理实例代码,有需要的朋友可以参考一下
    2013-08-08
  • JavaScript NodeTree导航栏(菜单项JSON类型/自制)

    JavaScript NodeTree导航栏(菜单项JSON类型/自制)

    利用闲暇时间自己做了个JavaScript NodeTree，网上有很多类似的效果，本例主要是练练手，巩固下知识，感兴趣的朋友可以了解下，或许对你学习NodeTree导航栏有所帮助,认为好的就分享喽
    2013-02-02
  • uniapp实现钉钉扫码登录示例代码

    uniapp实现钉钉扫码登录示例代码

    由于uniapp暂无钉钉授权登录所以本文将钉钉扫码登录作为网页嵌入uniapp，最终实现钉钉扫码登录app，本文通过实例代码给大家介绍uniapp钉钉扫码登录功能，感兴趣的朋友一起看看吧
    2021-12-12
  • 使用Axios拦截器优化HTTP请求与响应的实践案例

    使用Axios拦截器优化HTTP请求与响应的实践案例

    在前端开发中,HTTP 请求是与后端交互的重要方式,为了提高代码的可维护性、复用性以及用户体验,使用 Axios 拦截器是非常常见的做法,本文将详细介绍如何使用 Axios 的请求拦截器和响应拦截器,需要的朋友可以参考下
    2024-11-11
  • 8个有意思的JavaScript面试题

    8个有意思的JavaScript面试题

    JavaScript 是一种有趣的语言，我们都喜欢它，因为它的性质。这篇文章主要介绍了8个有意思的JavaScript面试题 ,需要的朋友可以参考下
    2019-07-07
  • 如何使用webpack打包一个库library的方法步骤

    如何使用webpack打包一个库library的方法步骤

    这篇文章主要介绍了如何使用webpack打包一个库library的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12

最新评论