【操作类】js超过要求字符强制换行

需求： 超出要求字数换行

感谢度娘方法！：https://jingyan.baidu.com/article/72ee561a8e8800a06038df1b.html

单纯记录一下方法，如若侵权即删

代码如下：

html：

<div id="con"></div>

js：

1.声明原有字符串

2.使用split()方法将字符串转换为数组，保存在arr变量中。

注意！split('')单引号中间一定是一个空格才会分割成每个字符:

arr: ['a','b','c','d'……]

如果是两个空格则会使所有字符变成数组中的第一个元素，就是

arr[0] = 'abcdefghij...'

split() 方法使用指定的分隔符字符串将一个String对象分割成子字符串数组，以一个指定的分割字串来决定每个拆分的位置。

——mdn文档

3.声明一个新变量，用于保存加了换行符的字符串

4.for循环 

声明两个变量，i和s

 i 是索引

s是对应的数组元素(自行断点==）

用+=进行字符串拼接

i % 3 超出3个元素要加换行符

注意这里：

i % 3 余数为0 的时候输出结果也是0，用布尔值表示是false，

所以这里要取反

换行： +<br /> 

分隔： +'\n'

当一个操作数除以第二个操作数时，取余运算符（％）返回剩余的余数。它与被除数的符号保持一致。

——MDN文档

 完整代码：

  <script>
    var strs = 'abcdefghijklmnopqrstuvwxyz';
    var arr = strs.split('');
    var str = ''
    for(let i = 0,s;s=arr[i++];) {
      str += s;
      if(!(i % 3))str += '<br />';
    }
    console.log(str)
    // document.getElementById('con').value = str;
    document.getElementById('con').innerHTML = str;
  </script>

html页面渲染：