姓名脱敏js

1:需要将用户姓名进行脱敏处理,比如：张三处理成张*，李三思处理成李 * 思，王二麻子处理成：王* * 子
html :

<div class="headerLeft">{{show==true?userName:name}} <span class="headerRight"  @click="changName">{{show==true?'显示':'隐藏'}}</span></div>

js:

data(){
	return{
	show:true,
	userName：'',
	name:'张三'
	}
},
mounted(){
this.getName()
}
methods:{
getName(){			
				if(this.name.length==2){
					this.userName=this.name.substring(0,1)+'*' //截取name 字符串截取第一个字符，
				}else if(this.name.length==3){
					this.userName=this.name.substring(0,1)+"*"+this.name.substring(2,3)//截取第一个和第三个字符
				}else if(this.name.length>3){
					this.userName=this.name.substring(0,1)+"*"+'*'+this.name.substring(3,this.name.length)//截取第一个和大于第4个字符
				}					
			},
			changName(){//切换显示用户的姓名
				this.showText=!this.showText			
			}
}

效果图：

注：点击显示会出现用户完整的名称，点击隐藏会对用户的名称进行脱敏处理，可以进行切换显示

如果对姓名脱敏处理的是张三 处理成*三：则代码

if(this.name.length==2){
					this.userName=this.name.substring(1,2)+'*' //截取name 字符串截取第二个字符，并且比一个字用*代替
				}