• 对一段规律的字符串做修改


    1.利用split切数组

    2.先切成规律数组,在利用正则的match获取到符合条件的字符串

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta name="viewport" content="=width=device-=width, initial-scale=1.0">
    6. <title>Document</title>
    7. </head>
    8. <div id="strId">
    9. fixed
    10. label="采集时间"
    11. align="center"
    12. prop="caiJiShiJian"
    13. width="170"
    14. />
    15. dci-table-column label="接入时间" align="center" prop="createTime" width="170" />
    16. dci-table-column label="编号" align="center" prop="guoLuBianHao" width="120" />
    17. dci-table-column label="名称" align="center" prop="guoLuMingCheng" width="150" />
    18. dci-table-column
    19. label="出水温度℃"
    20. align="center"
    21. prop="guoLuChuShuiWenDu"
    22. width="110"
    23. suffix=""
    24. />
    25. dci-table-column
    26. label="预热器右出口风温℃"
    27. align="center"
    28. prop="yuReQiYouChuKouFengWen"
    29. width="180"
    30. suffix=""
    31. />
    32. dci-table-column
    33. label="预热器左出口烟温℃"
    34. align="center"
    35. prop="yuReQiZuoChuKouYanWen"
    36. width="180"
    37. suffix=""
    38. />
    39. dci-table-column
    40. label="预热器右出口烟温℃"
    41. align="center"
    42. prop="yuReQiYouChuKouYanWen"
    43. width="180"
    44. suffix=""
    45. />
    46. dci-table-column
    47. label="省煤器左出口烟温℃"
    48. align="center"
    49. prop="shengMeiQiZuoChuKouYanWen"
    50. width="180"
    51. suffix=""
    52. />
    53. dci-table-column
    54. label="省煤器右出口烟温℃"
    55. align="center"
    56. prop="shengMeiQiYouChuKouYanWen"
    57. width="180"
    58. suffix=""
    59. />
    60. dci-table-column
    61. label="除尘器入口烟温℃"
    62. align="center"
    63. prop="chuChenQiRuKouYanWen"
    64. width="180"
    65. suffix=""
    66. />
    67. dci-table-column
    68. label="除尘器出口烟温℃"
    69. align="center"
    70. prop="chuChenQiChuKouYanWen"
    71. width="180"
    72. suffix=""
    73. />
    74. dci-table-column
    75. label="引风机出口烟温℃"
    76. align="center"
    77. prop="yinFengJiChuKouYanWen"
    78. width="180"
    79. suffix=""
    80. />
    81. dci-table-column
    82. label="鼓风机出口风温℃"
    83. align="center"
    84. prop="guFengJiChuKouFengWen"
    85. width="180"
    86. suffix=""
    87. />
    88. dci-table-column
    89. label="出水压力MPa"
    90. align="center"
    91. prop="guoLuChuShuiYaLi"
    92. width="180"
    93. suffix=""
    94. />
    95. dci-table-column
    96. label="回水压力MPa"
    97. align="center"
    98. prop="guoLuHuiShuiYaLi"
    99. width="180"
    100. suffix=""
    101. />
    102. dci-table-column
    103. label="炉膛压力Pa"
    104. align="center"
    105. prop="guoLuLuTangYaLi"
    106. width="180"
    107. suffix=""
    108. />
    109. dci-table-column
    110. label="鼓风机出口压力Pa"
    111. align="center"
    112. prop="guFengJiChuKouYaLi"
    113. width="180"
    114. suffix=""
    115. />
    116. dci-table-column
    117. label="烟气含氧量%"
    118. align="center"
    119. prop="guoLuYanQiHanYangLiang"
    120. width="180"
    121. suffix=""
    122. />
    123. dci-table-column
    124. label="引风机频率Hz"
    125. align="center"
    126. prop="yinFengJiPinLv"
    127. width="180"
    128. suffix=""
    129. />
    130. dci-table-column
    131. label="鼓风机频率Hz"
    132. align="center"
    133. prop="guFengJiPinLv"
    134. width="180"
    135. suffix=""
    136. />
    137. dci-table-column
    138. label="炉排机频率Hz"
    139. align="center"
    140. prop="luPaiJiPinLv"
    141. width="180"
    142. suffix=""
    143. />
    144. dci-table-column
    145. label="给煤机频率Hz"
    146. align="center"
    147. prop="geiMeiJiPinLv"
    148. width="180"
    149. suffix=""
    150. />
    151. dci-table-column
    152. label="引风机电流A"
    153. align="center"
    154. prop="yinFengJiDianLiu"
    155. width="180"
    156. suffix=""
    157. />
    158. dci-table-column
    159. label="鼓风机电流A"
    160. align="center"
    161. prop="guFengJiDianLiu"
    162. width="180"
    163. suffix=""
    164. />
    165. dci-table-column
    166. label="累计气量m³"
    167. align="center"
    168. prop="guoLuLeiJiQiLiang"
    169. width="150"
    170. suffix=""
    171. />
    172. dci-table-column
    173. label="在线二氧化硫mg/m³"
    174. align="center"
    175. prop="cemsErYangHuaLiu"
    176. suffix=""
    177. width="180"
    178. />
    179. dci-table-column
    180. label="在线氮氧化物mg/m³"
    181. align="center"
    182. prop="cemsDanYangHuaWu"
    183. suffix=""
    184. width="180"
    185. />
    186. dci-table-column
    187. label="在线烟尘mg/m³"
    188. align="center"
    189. prop="cemsYanChen"
    190. suffix=""
    191. width="180"
    192. />
    193. dci-table-column
    194. label="在线烟气含氧量%"
    195. align="center"
    196. prop="cemsYanQiHanYangLiang"
    197. width="180"
    198. suffix=""
    199. />
    200. dci-table-column
    201. label="在线烟气温度℃"
    202. align="center"
    203. prop="cemsYanQiWenDu"
    204. width="180"
    205. suffix=""
    206. />
    207. dci-table-column
    208. label="在线烟气压力Pa"
    209. align="center"
    210. prop="cemsYanQiYaLi"
    211. width="180"
    212. suffix=""
    213. />
    214. dci-table-column
    215. label="在线烟气流速m/s"
    216. align="center"
    217. prop="cemsYanQiLiuSu"
    218. width="180"
    219. suffix=""
    220. />
    221. dci-table-column
    222. label="在线烟气湿度%"
    223. align="center"
    224. prop="cemsYanQiShiDu"
    225. width="180"
    226. suffix=""
    227. />
    228. dci-table-column
    229. label="运行状态"
    230. align="center"
    231. prop="params.guoLuYunXingZhuangTaiName"
    232. width="90"
    233. />
    234. dci-table-column
    235. label="引风机运行状态"
    236. align="center"
    237. prop="params.yinFengJiYunXingZhuangTaiName"
    238. width="140"
    239. />
    240. dci-table-column
    241. label="鼓风机运行状态"
    242. align="center"
    243. prop="params.guFengJiYunXingZhuangTaiName"
    244. width="140"
    245. />
    246. dci-table-column
    247. label="炉排机运行状态"
    248. align="center"
    249. prop="params.luPaiJiYunXingZhuangTaiName"
    250. width="140"
    251. />
    252. dci-table-column
    253. label="给煤机运行状态"
    254. align="center"
    255. prop="params.geiMeiJiYunXingZhuangTaiName"
    256. width="140"
    257. />
    258. </div>
    259. <body>
    260. <script>
    261. let dom = document.getElementById("strId").innerText
    262. let str = ""
    263. let objList = []
    264. let labelList = ["label","=prop","=width"]
    265. let arr = dom.split("dci-table-column")
    266. let atr = ''
    267. arr.forEach((item)=>{
    268. let a = item.match(/ prop=\"(\S*)"/)
    269. let prop = a[1]
    270. console.log('SSSS',a[1])
    271. let str = `v-if="columnsProp.${prop} === undefined||columnsProp.${prop} === true"`
    272. let strLong = `<dci-table-column ${str}${item}`
    273. atr = atr + strLong
    274. })
    275. console.log(atr)
    276. // arr.forEach((item)=>{
    277. // let arrValue = item.split('=',)
    278. // arrValue.forEach((text,index)=>{
    279. // // with = text.replace(/\/>/ig,'')
    280. // let width = text.replace(/\/>/ig,'')
    281. // arrValue[index] = width.replace(/\s/ig,'')
    282. // console.log('ddd',arrValue[index])
    283. // })
    284. // console.log(arrValue)
    285. // let obj = {}
    286. // obj[arrValue[0]] = arrValue[1]
    287. // obj[arrValue[2]] = arrValue[3]
    288. // obj[arrValue[4]] = arrValue[5]
    289. // objList.push(obj)
    290. // // console.log('item',item)
    291. // })
    292. console.log(objList)
    293. </script>
    294. </body>
    295. </html>

  • 相关阅读:
    【mindspore】【模式】PYNATIVE_MODE模式和GRAPH模式的区别
    LeetCode每日一练 —— 160. 相交链表
    RNA-seq——四、根据序列比对结果筛选差异基因
    C++经典41问(2个小时快速掌握C++)
    内核概述及配置编译
    redis键值出现 xacxedx00x05tx00&的解决方法
    sql server数据库如何存储数组,int[]float[]double[]数组存储到数据库方法
    Spring Boot中的依赖注入和自动注入
    在迪拜举行的 GITEX GLOBAL 2023 IT 展览会上,Positive Technologies 荣获两项大奖!
    9 - 类
  • 原文地址:https://blog.csdn.net/qq_51389137/article/details/133491974