手机号的前端处理，中间显示****，字符串类型slice()与substring()和substr()的用法的总结

最新推荐文章于 2024-01-07 23:08:59 发布
最新推荐文章于 2024-01-07 23:08:59 发布
阅读量1k 收藏 4
点赞数
分类专栏： Js 文章标签： substr的用法 substring的用法 slice的用法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zeng__Yi/article/details/84335992
版权
本文介绍了如何在前端处理手机号，显示中间四位为****。详细阐述了JavaScript中substring(), substr()和slice()三种方法的用法，包括不同参数情况下的提取字符串子串的规则，并提供了示例代码。" 79192529,6733690,Java后端调用远程post接口解决跨域问题,"['前端开发', '后端开发', 'Java', 'HTTP请求']
摘要由CSDN通过智能技术生成

效果图：

方法：使用字符串切割 180****0000=180+****+0000；

代码：

const mobile=18000000000

const pre=mobile.substring(0,3)

const lst=mobile.substring(7,11)

const showMobile=pre+"****"+lst

使用的是substring()方法还可以使用slice()方法：

substring() 用法：用于提取字符串中介于两个指定下标之间的字符。不影响原字符串

1，当只有一个非负数参数时，是字符串开始位置：

2，当只有一个负数参数时，负数将转换为0：

3，当为两个非负数参数时，第一个参数为开始的位置，

最低0.47元/天 解锁文章
Zeng__Y1
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
专栏目录
前端基础入门学习之HTML特殊字符显示（字符实体）
前端基础入门学习线路
02-21 1384
有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？ 　　这就要说到HTML字符实体(HTML Character Entities)了。 　　一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(...
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
10-26
JavaScript中提取字符串子串的操作是通过slice、substring和substr这三个方法来实现的。它们各自有不同的使用场景和特点。下面对这三个方法进行详细介绍和比较： 1. substr()方法：该方法从指定位置提取指定数量的...
手机号****显示
03-26 200
以类似“123****8901”的形式输出 '12345678901'.replace(/(\d{3})\d{4}(\d{4})/,'$1****$2'); 如果要仅得到末尾4位，则可以改成如下形式： // 匹配连续11位数字，并替换其中的前7位为*号 '15110280327'.replace(/\d{7}(\d{4})/,'*******$1'); ...
PHP开发小技巧①①—php实现手机号码显示部分
让编程改变世界
02-08 2117
从个人信息保护性的角度来讲，我们在开发过程中总会想办法去保护用户的一些个人信息。就如本篇博文所讲，我们有时会将用户的手机号码只显示出部分，这是很多网站都有做的功能。这个功能实现起来也是特别的简单，只需要我们对手机号码进行截取，然后将中间部分进行“*”号填充即可。         下面为实现代码： <?php /** * ========================
web前端教程之字符串
weixin_33859504的博客
06-09 478
　　观察某宝商品数据，有一个东西叫服务器。　　服务器交互，数据处理方式.要把它转化成字符串操作。　　字符串操作重要性不言而喻。　　什么是字符串?　　字符串就是一串字符，由单(双)引号括起来，字符串是　　JavaScript的一种基本类型。　　● "undefined"——如果这个值未定义;　　● "boolean"——如果这个值是布尔值;　　● "string"——如果这个值...
1.7 截取（提取）子字符串（substring()）
you can you up up up的博客
10-02 1382
在 String 中提供了两个截取字符串的方法，一个是从指定位置截取到字符串结尾，另一个是截取指定范围的内容。下面对这两种方法分别进行介绍。 1. substring(int beginIndex) 形式 此方式用于提取从索引位置开始至结尾处的字符串部分。调用时，括号中是需要提取字符串的开始位置，方法的返回值是提取的字符串。例如： String str = "我爱 Java 编程"; String result = str.substring(3); System.out.println(result);
js字符串截取函数slice、substring和substr的比较
10-22
本文将对JavaScript字符串截取的三个主要函数slice()、substring()和substr()进行详细的比较和分析，以帮助开发者更好地理解和掌握它们在实际编程中的应用。 首先，我们来看slice()函数。slice()函数用于从已有的...
常常会用到的截取字符串substr()、substring()、slice()方法详解
09-03
本文主要探讨了三种用于截取字符串的常见方法：`slice()`、`substring()` 和 `substr()`。它们都有类似的功能，即从原始字符串中提取一部分新的字符串，但各有其特点和适用场景。 首先，我们来看`slice()`方法。`...
前端显示带格式的字符串内容
anmi7832的博客
06-07 1003
我们知道pre是可以将内容按输入的格式显示出来，包括空格，换行符等。 而使用该标签先要给pre标签设置样式： white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; ...
前端常用的21种字符串方法
咏絮
07-22 542
一：charAt()方法 定义和用法 charAt() 方法可返回指定位置的字符。 请注意，JavaScript 并没有一种有别于字符串类型的字符数据类型，所以返回的字符是长度为 1 的字符串。 实例 在字符串 "Hello world!" 中，我们将返回位置 1 的字符： <scripttype="text/javascript"> varstr="Helloworld!" document.write(str.charAt(1)) </script> //打...
前端通配符*的使用
团酱
07-01 997
由于浏览器会有默认属性，浏览器不同默认属性也不同，要消除这个问题可以通配符“*”可以消除浏览器的默认属性。（*的意思是选中所有的标签） 通配符选择器的格式： *{ 属性：值 } *{ margin: 0; padding: 0; } 注意：通配符选择器是设置界面上所有的标签属性，所以在设置之前会遍历所有的标签。 ...
前端 截取某个特定字符之前或者之后的字符串 substring
————————————————————————————————
02-16 4528
var str =“aaa,bbb” //截取","之前字符串 var str1=str.substring(0, str.indexOf(",")); console.log(str1) //aaa //截取","之后字符串 vra str2=str.substring(str1.length+1, str.length); console.log(str2) //bbb
JavaScript：前端截取字符串 substring、slice方法
My_Java_yon的博客
07-27 1403
前端截取字符串中的字符
前端 js/ Java/ MySQL/Oracle 的 截取字符串 substr、substring 详细说明
最新发布
weixin_42307069的博客
01-07 936
前端 js/ Java/ MySQL/Oracle 的 截取字符串 substr、substring 详细说明
前端基础知识 （四）JS截取字符串 常用方法
AGCA_ZXL的博客
06-08 2092
一、使用substring（）或者 slice（） 1）substring（）用于提取字符串介于两个指定下标之间的字符。 stringObject.substring(start, stop) 不包含stop 2）slice（）用于提取字符串的某个部分，并以新的字符串返回被提取的部分。 stringObject.slice(start, stop) 不包含stop start如果是负数，则概参数规定的是从字符串尾部开始算起的位置，也就是说，-1指的是最后一个，-2倒数第二个。 3）substr（）可在字符串
带标签的字符串如何在前端展示
weixin_43549003的博客
10-21 3062
富文本编辑器编辑的字符串返回给后台后，再返回给前台时，变成了 如“ < p> < B> 字符串 < /B> </ p>”这样的字符串。那么我们如何在前端展示呢？ <span v-html="title"></span> 像这样，title为带标签的字符串，这样就可以在前端网页上显示出来了 小例子 在表格中展示富文本文字 <el-table-column label="题库标题" align="center" prop="tit
前端通过路径，根据设备，显示PC/移动端界面的方法
hbmern的博客
07-15 1144
背景： 项目中需要移动端和pc端，通过媒体查询写一套太麻烦了，于是搞了PC一套，移动端一套，那么 问题来了，怎么在移动端显示移动端的页面，PC端显示PC端的页面？蹬蹬瞪~于是乎，就有了这 篇文章！！ 解决方案： 1、分别将PC端、移动端的打包文件夹名称改成pc、mobile; 2、分别修改PC、移动端项目打包配置项，具体如下： 移动端（vue-cli 3.x vue.config.js文件） PC端（vue cli 2.x:config-->index.js) 3、在外层...
js封装一个将手机号分割为344的方法（split()、splice()、slice()、join()函数）
背心的博客
02-05 945
js封装一个将手机号分割为344的方法（split()、splice()、slice()、join()函数）
JavaScript字符串截取方法：substring、substr与slice详解
JavaScript中，截取字符串是开发过程中常见的需求，有三种主要的方法可供选择：substring(), substr(), 和 slice()。虽然它们都能实现字符串片段的提取，但各有特点和使用场景。 首先，让我们看下substring()方法。...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Zeng__Y1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值