微信小程序: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)
});
相关推荐
To_OC6 小时前
LC 128 最长连续序列:别上来就排序,O (n) 解法才是这题的灵魂
javascript·算法·leetcode
kyriewen10 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
Asize13 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙13 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
前端Hardy13 小时前
又一个 AI 神器火了!
前端·javascript·后端
PBitW13 小时前
GPT训练我的第二天,我表示不过如此!!!😕😕😕
前端·javascript·面试
kyriewen14 小时前
白宫直接给 OpenAI 下了限制令,GPT-5.6 不能随便放出来了
前端·javascript·面试
默_笙19 小时前
🍞 我用 CSS 画了一个会转的 3D 立方体,同事以为我学了 Three.js(这节课真的很神奇,我很喜欢)
javascript
sarasuki19 小时前
JavaScript的对象、new的机制与原型包装类
javascript·后端
weedsfly19 小时前
JavaScript 事件流:彻底搞懂捕获、冒泡与事件委托
前端·javascript·react.js