微信小程序:js处理一段文字,根据句号或者分号进行换行

一、根据句号和分号进行换行

效果

代码

wxml
html 复制代码
<view>
  <text>{{remark}}</text>
</view>
js

核心代码

var repalce_remark = remark.replace(/;。/g, "$&\n"); // 使用正则表达式进行替换

  • remark 是待替换的字符串。
  • /[;。]/g 是一个正则表达式,表示匹配所有的中文分号和句号。
  • "$&\n" 是替换字符串的格式,其中 $& 表示匹配到的字符串本身,\n 表示换行符。这样,替换操作会将匹配到的字符串后面添加一个换行符。

完整代码

javascript 复制代码
Page({
  data: {
    remark: '我是第一段。我是第二段;我是第三段'
  },
  onLoad(options) {
    var remark = this.data.remark
    var repalce_remark = remark.replace(/[;。]/g, "$&\n"); // 使用正则表达式进行替换
    console.log(repalce_remark)
    this.setData({
      remark : repalce_remark
    })
  },
})

扩展:循环数据的换行处理(现在指定remark是数组info的一项)

javascript 复制代码
res.data.info.forEach(item => {
    item.remark= item.remark.replace(/[;。]/g, "$&\n"); // 使用正则表达式进行替换
    console.log(item.remark)
});
相关推荐
森林的尽头是阳光25 分钟前
tree回显问题
javascript·vue.js·elementui
weixin_BYSJ19871 小时前
「课设设计」springboot校园超市助购系统26449 (附源码)
java·javascript·spring boot·python·django·flask·php
mfxcyh2 小时前
Vue3+Ant Design Vue 实现手动异步文件上传(含大小校验、弹窗上传)
前端·javascript·vue.js
meilindehuzi_a2 小时前
Vue3进阶基础:指令修饰符、v-model表单绑定、动态样式、计算属性与侦听器实战
前端·javascript·vue.js
csdn2015_2 小时前
vue 前端运行命令
前端·javascript·vue.js
Cobyte2 小时前
根据浏览器解析 HTML 的规范实现 HTML 解析器
前端·javascript·vue.js
默_笙3 小时前
😁 LLM 不知道的事它不会说"不知道",而是会"编"——RAG 就是让它闭嘴先查资料
前端·javascript
Revolution613 小时前
变量提升到底提升了什么:为什么 var 是 undefined,let 却直接报错
前端·javascript
labixiong3 小时前
ES2026 落地了什么?两个真上线的特性 + 两个被毙的,一次讲清楚
javascript·ecmascript 6·ecmascript 8
IT知识分享3 小时前
WebP转JPG开发经验:从格式解码到本地批量转换的实践
javascript·python·图片转换