JS中循环字符串拼接时加换行问题
更新时间：2023年02月13日 08:46:33 作者：H夜幕降临L
这篇文章主要介绍了JS中循环字符串拼接时加换行问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
JS循环字符串拼接时加换行
var importantItemsStr = "";
for(var i=0;i<array.length;i++){
importantItemsStr += (data[i].importantItems+ "\n");
}JS字符串中的空格、换行符(\r,\s,\n,\r\n)
换行，回车
换行回车在不同操作系统下的含义
以下均为单击 Enter 键产生
- Windows：系统行末结束符是 ‘\r\n’
- Linux：统行末结束符是 ‘\n’
- Mac：系统行末结束符是 ‘\r’
关于软 / 硬回车的扩展知识
- 硬回车：就是普通我们按回车产生的，它在换行的同时也起着段落分隔的作用。
- 软回车：是用 Shift + Enter 产生的，它换行，但是并不换段，即前后两段文字在 Word 中属于同一“段”。在应用格式时你会体会到这一点。
软回车能使前后两行的行间距大幅度缩小，因为它不是段落标记，要和法定的段落标记——硬回车区别出来。硬回车的html代码是<p>…</p>，段落的内容就夹在里面，而软回车的代码很精悍：<br/>。 网页的文字
如果复制到word中，则硬回车变为弯曲的箭头(↵)，软回车变为向下的箭头(↓)。
js 字符串中的字符替换
将字符串中的换行符替换成在HTML中正确显示换行的的 <br/> 换行标签。
const text = 'Hello World\r\n2021' text.replace(/(\n|\r|\r\n|↵)/g, '<br/>')
空白符
js字符串中的字符替换
将字符串中的空格符替换成HTML中正确显示连续空格的 转义字符。
const text = 'Hello\s\s\sWorld\s2021' text.replace(/\s/g, ' ');
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本篇文章主要是对多选列表框动态添加,移动,删除,全选等操作的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
本文主要通过几个实例对js中作用域进行详细解析，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
这篇文章主要为大家详细介绍了js canvas实现五子棋小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-01-01
uniapp父子组件引用传值,和vue的一样,没有小程序那样的麻烦,下面这篇文章主要给大家介绍了关于uni-app小程序中父组件和子组件传值的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08
今天小编就为大家分享一篇layer 刷新某个页面的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了js移动端图片压缩上传功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-09-09
firefox浏览器下javascript 拖动层效果与原理分析代码
这篇文章主要给大家介绍了关于在firefox浏览器下如何利用javascript实现拖动层效果，以及其中的原理分析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，下面来一起看看吧2007-12-12
这篇文章主要给大家分享了JS一维数组转化为三维数组的方法，下面文章围绕JS数组转换的相关资料展开内容，对大家的学习有一定的参考价值，需要的小伙伴可以参考一下2022-01-01
这篇文章主要介绍了JS实现的全排列组合算法,简单描述了全排列组合算法的原理并结合实例形式给出了全排列组合算法的具体实现技巧,需要的朋友可以参考下2017-10-10
这篇文章主要介绍了JavaScript异步操作的几种常见处理方法,结合实例形式总结分析了JavaScript常见的异步操作处理方法相关实现技巧与注意事项,需要的朋友可以参考下2020-05-05
最新评论