前端一段字符串只保留中文部分

可以使用正则表达式进行匹配，将非中文字符替换为空字符串。代码示例如下：

const str = "这是一段包含中文和English的字符串。";
const chineseStr = str.replace(/[^\u4e00-\u9fa5]/g, '');
console.log(chineseStr); // 输出：这是一段包含中文和的字符串

上述代码中，`/[^\u4e00-\u9fa5]/g` 表示匹配所有非中文字符，使用空字符串进行替换。`u4e00-\u9fa5` 是 Unicode 编码中中文字符的范围。

相关问题

微信小程序前端手机号如何让拼接的‘*’星号字符串上下居中

可以通过设置行高来让拼接的星号字符串上下居中。具体步骤如下：

1. 在 WXML 中，可以将手机号码用 `<text>` 标签包裹起来，并设置一个类名，如下所示：

   <view>
     <text class="phone-number">{{phoneNumber}}</text>
   </view>

2. 在 WXSS 中，给这个类名设置一个行高，使得行高等于元素高度，即可实现上下居中。代码如下：

   .phone-number {
     display: inline-block;
     line-height: 1.4em; /* 行高等于元素高度 */
     height: 1.4em;
     overflow: hidden; /* 防止出现多余的空白 */
   }

在这段代码中，我们将 `display` 属性设置为 `inline-block`，使得 `<text>` 元素可以设置宽高。然后将 `line-height` 属性设置为 `1.4em`，与元素高度保持一致，这样就可以实现上下居中。最后设置 `height` 和 `overflow` 属性，防止出现多余的空白。

3. 如果还想让手机号码中间的几个数字用星号代替，可以在前端使用 JavaScript 进行处理。例如：

   const phoneNumber = '13812345678';
   const maskedPhoneNumber = phoneNumber.replace(/^(\d{3})\d{4}(\d+)/, '$1****$2');

这段代码将手机号码中的前三个数字和后四个数字保留，中间的数字用四个星号代替。将处理后的结果绑定到 `phoneNumber` 变量上，然后在 `<text>` 标签中显示即可。