vue项目中隐藏字符串中几位字符

js中定义一个structure()方法，返回一个新的字符串

//隐藏中间几位字符
structure(array){
    // 将字符串转化成数组
    let arrBox= [...array];
    // 2.将数组中的4-7位变成*
    var str='';
    //map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值
    arrBox.map((res, index) => {
        if (index > 3 && index < 8) {
        str += '*';
        // return '*';
        } else {
        str += res;
        // return res;
        }
    });
    return str;
}

在需要的地方调用方法structure()

<template>
  <div class="infor">
    <div class="left">
        <img src="../../assets/mine/default_my.png" alt="">
    </div>
    <div class="right">
        <div class="info" v-show="token==''?true:false">
            <label class="name">请登录</label>
            <label class="title">Hello</label>
        </div>
        <div class="info" v-show="token!=''?true:false">
            <label class="name">张三</label>
            <label class="title">会员等级：VIP1</label>
            <label class="phone">手机号：{{structure("15392294964")}}</label>
        </div>
    </div>
  </div>
</template>

返回结果，如图：