首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何将键入到数组中的文本分组,并在div中每隔20个字符换行一次

将键入到数组中的文本分组,并在div中每隔20个字符换行一次,可以使用以下步骤实现:

  1. 创建一个空数组,用于存储分组后的文本。
  2. 将输入的文本按照每20个字符进行分割,并将每个分割后的子串添加到数组中。
  3. 遍历数组中的每个子串,将其添加到一个新的字符串中,并在每个子串后面添加一个换行符。
  4. 将生成的字符串插入到目标div中,以显示分组后的文本。

以下是一个示例的JavaScript代码实现:

代码语言:txt
复制
function groupText(text, divId) {
  var textArray = [];
  var groupedText = "";

  // 分割文本并存储到数组中
  for (var i = 0; i < text.length; i += 20) {
    textArray.push(text.substr(i, 20));
  }

  // 将分组后的文本添加到字符串中,并添加换行符
  for (var j = 0; j < textArray.length; j++) {
    groupedText += textArray[j] + "<br>";
  }

  // 将生成的文本插入到目标div中
  document.getElementById(divId).innerHTML = groupedText;
}

// 调用函数并传入文本和目标div的ID
groupText("要分组的文本内容", "targetDiv");

在上述代码中,你需要将"要分组的文本内容"替换为你要分组的实际文本内容,将"targetDiv"替换为你要显示分组后文本的目标div的ID。

这种方法可以将键入到数组中的文本按照每20个字符进行分组,并在div中每隔20个字符换行一次显示。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

资源 | 正则表达式功法大全

而在模式结尾,我们通常可以指定以下 flag 配置或它们组合: g(global)在第一次完成匹配后并不会返回结果,它会继续搜索剩下文本。...:) 对于从字符串或数据抽取信息非常重要,我们可以使用 Python 等不同编程语言实现这一功能。从多个分组捕获多个匹配项将以经典数组形式展示:我们可以使用匹配结果索引访问它们值。...(https://regex101.com/r/cO8lqs/22) [0-9]% 匹配在%符号前面带有09这几个字符字符串 [^a-zA-Z] 匹配不带az或A....+> 可以匹配文本「This is a simple div test」「simple div」。为了仅捕获 div 标签,我们需要使用「?」...; 字符串替代,将字符串个字符替换为其它字符。

1.6K40

资源 | 正则表达式功法大全,做NLP再也不怕搞不定字符串了

而在模式结尾,我们通常可以指定以下 flag 配置或它们组合: g(global)在第一次完成匹配后并不会返回结果,它会继续搜索剩下文本。...:) 对于从字符串或数据抽取信息非常重要,我们可以使用 Python 等不同编程语言实现这一功能。从多个分组捕获多个匹配项将以经典数组形式展示:我们可以使用匹配结果索引访问它们值。...(https://regex101.com/r/cO8lqs/22) [0-9]% 匹配在%符号前面带有09这几个字符字符串 [^a-zA-Z] 匹配不带az或A....+> 可以匹配文本「This is a simple div test」「simple div」。为了仅捕获 div 标签,我们需要使用「?」...; 字符串替代,将字符串个字符替换为其它字符。

1.5K80

正则表达式理论篇

用法: 替换文本$字符有特殊含义: $1、$2、...、$99 与 regexp 第 1 第 99 个子表达式相匹配文本。 $& 与 regexp 相匹配子串。...返回:一个由匹配结果组成数组。 非全局检索:如果没有找到任何匹配文本返回null;否则数组第一个元素是匹配字符串,剩下是小括号子表达式,即a[n]存放是$n内容。...在 RegExpObject lastIndex 属性指定字符处开始检索字符串;匹配后,将更新lastIndex为匹配文本最后一个字符下一个位置;再也找不到匹配文本时,将返回null,并把 lastIndex...- 连字符 当且仅当在字符组[]内部表示一个范围,比如[A-Z]就是表示范围从AZ;如果需要在字符组里面表示普通字符-,放在字符组开头即可。 . 匹配除换行符 \n 之外任何单个字符。...将 ^ 用作括号[]表达式第一个字符,则会对字符集求反。 $ 匹配结尾位置。 \b 与一个字边界匹配,如er\b 与“never”“er”匹配,但与“verb”“er”不匹配。

1.2K20

正则表达式入门 — 一个通过例子来说明备忘单

} 匹配一个字符串具有 ab 其后有25个 c a(bc)* 匹配一个字符串具有 a 其后有0多个 bc 副本 a(bc){2,5} 匹配一个字符串具有 a 其后有05个... 将名字放在分组 -> [试一下!](https://regex101.com/r/cO8lqs/17) 当我们需要使用你首选编程语言从字符串或数据中提取信息时,此运算符非常有用。...由几个组捕获任何多次出现都将以经典数组形式公开:我们将使用匹配结果索引来访问它们值。 如果我们选择为组添加名称(使用( ? ...))....+> 会从 Thisisa**simple div**test 匹配 simple div。 为了仅仅匹配 div 标签, 我们可以使用一个 ?...(https://regex101.com/r/cO8lqs/21) 总结 正如你所见,正则表达式应用程序字段可以是多个,我确信你已经认识在开发人员职业生涯中看到这些任务至少一个,这里有一个快速列表

1.8K20

正则表达式学习笔记(初级篇)

匹配不包括换行任意字符 在phps修饰符下面可以匹配换行,如$pattern='#(.*?)#s';就可以匹配div内容有换行数据。 2....} 循环次数 [0-9]{1,3}表示在0-9范围里面循环1个、2个或者3个,可能结果有5、20、415等。...12. () 数据分界和取数据 上面例子(http|ftp|svn) abc就是数据分界例子,然后,匹配结果会得到一个[1]子集数据(数组下标1),这里就是子模式概念,子模式也叫分组,利用子模式,...分隔符 在一些语言中,你会发现正则第一个和最后一个字符是相同,如: /\d+/ 这个/ /在PHP称为分隔符,正则表达式需要由分隔符闭合包裹。...二、操作:定锚点 注:这里锚点区分于正则原本关于锚点定义,此处是确定参照文本意思,如a标签里<a 每一个正则都是有针对性,只有这样正则才有意义。

55921

四、正则表达式re模块 常用匹配规则:Python re 模块也可以直接用re.match(),re.search(),re.findall(),re.finditer(),re.sub()

给定一个正则表达式和另一个字符串,我们可以达到如下目的: 给定字符串是否符合正则表达式过滤逻辑(“匹配”); 通过正则表达式,从文本字符串获取我们想要特定部分(“过滤”)。...,当要获得整个匹配子串时,可直接使用 group() 或 group(0);     start([group]) 方法用于获取分组匹配子串在整个字符起始位置(子串第一个字符索引),参数默认值为...0;     end([group]) 方法用于获取分组匹配子串在整个字符结束位置(子串最后一个字符索引+1),参数默认值为 0;     span([group]) 方法返回 (start...(返回字符串不能再引用分组)。       ...,re.S 表示匹配全部字符串内容 30 #pattern = re.compile('(.*?)

2.9K41

JavaScript正则表达式

; m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行是否存在与模式匹配项。...注意:在数组,第一项是与整个模式匹配字符串,其他项是与模式捕获组匹配字符串(如果模式没有捕获组,则该数组只包含一项)。...var pattern3 = /[a-c]/; // “a””c“之间任何一个字符(等价于pattern1) 3....没有捕获分组 小括号有双重责任:不仅要进行分组操作,还可以指定捕获。 如果正则表达式存在大量分组,就会引起很多不必要捕获。 在开始括号后面加一个“?:”可以让其不进行捕获。...参数列表: (1)匹配完整文本 (2)匹配捕获,一个捕获对应一个参数 (3)匹配字符在源字符串索引 (4)源字符串 示例:将横线替换成驼峰 如:ng-click --> ngClick

92381

厉害!这篇正则表达式竟写的如此详尽

高级概念 懒惰匹配和贪婪匹配 (Lazy and Greed) 当我们想要匹配文本 HTML 时我们会写下如下正则表达式。...分组 (Group) 前面我们认识了 “(...)” 用法,将其结合我们后面所学知识就是正则分组。 如上图所示第一个分组我们匹配 4 个数字,第二个分组我们匹配 7 个数字。...中间使用 “-” 进行连接,便很容易匹配到了文本中出现座机电话号。 非捕获分组 (Non-capture Group) 非捕获分组:(?:表达式),分组匹配之后,不需要用 “?...test() 该方法用于检测一个字符串是否匹配某个正则表达式,匹配返回 true,不匹配返回 false。 exec() 该方法用于检测字符串对正则表达式匹配。...正则表达式兼容性调研 在我们日常使用,一定会遇到兼容性问题。这里主要对一些不完全兼容方法进行调研。 @@split @@split 方法切割 String 对象为一个其子字符串数组

72230

对着爬虫网页HTML学习Python正则表达式re

20 1.正则表达式初探 2.用正则表达式匹配更多模式 2.1.利用括号()进行分组 2.2.利用管道|匹配多个分组 2.3.用问号?...正则表达式,简称为 regex,是文本模式描述方法。例如,\d 是一个正则表达式,表示一位数字字符,即任何一位 0 9 数字。...-8888-8888', '186-6666-6666'] 2.用正则表达式匹配更多模式 在实际解析网页HTML文本时候,我们可能需要取匹配某个部分分组文本、或者需要选择性匹配多个文本、又或者对某些字符或者分组需要匹配...{ n, m} 匹配 n m 次由前面的正则表达式定义片段,贪婪方式 a|b 匹配a或b () 对正则表达式分组并记住匹配文本 (?imx) 正则表达式包含三种可选标志:i, m, 或 x 。...er\B' 能匹配 "verb" 'er',但不能匹配 "never" 'er'。 \n, \t, 匹配一个换行符,匹配一个制表符 \1...\9 匹配第n个分组内容。

84730

正则表达式构造

正则表达式是正则表达式引擎尝试匹配输入文本一种模式。 模式由一个或多个字符文本、运算符或构造组成。...量词(限定字符出现次数) *之前字符可以出现0次无穷多次{0,} +之前字符至少需要出现1次{1,} ?...如果捕获分组之后存在量词,则匹配结果捕获分组保存是子表达式最后一次匹配字符串 3.不捕获文本括号 如果正则表达式很复杂,或者需要处理文本很长,捕获分组会降低效率 仅仅用来对表达式分组,而不把分组捕获文本存入结果...^匹配一行开头 $匹配一行末尾 \A匹配整个字符开头 \Z匹配整个字符末尾 环视 锚点对位置判断不够灵活 应用子表达式对位置进行判断 表达形式 名称 作用 (?...否定逆序环视 左侧文本不能由子表达式匹配 环视结构仅用于布尔判断,结构内子表达式所匹配文本,不会保存在整个表达式匹配结果之中 逆序环视结构对子表达式存在限制,.NET没有限制。

78260

全面学习正则表达式,从原理到实战

匹配除了换行符(\n)以外任意一个字符 = [^\n] \w = [0-9a-zA-Z_] \W = [^0-9a-zA-Z_] \s = [ \t\n\v] \S = [^ \t\n\v] \d =...y,如果x和y是单个字符,可以使用字符集,[abc]可以匹配a或b或c,如果x和y是多个字符,字符集就无能为力了,此时就要用到分组 正则中用|来表示分组,a|b表示匹配a或者b意思 123|456|789...abcabc 分组不能放在[]分组还可以使用选择表达式 (123|456){2} // 匹配 123123、456456、123456、456123 和分组相关概念还有一个捕获分组和非捕获分组,...test一样,只是返回值并不是布尔值,而是返回匹配结果 匹配成功返回一个数组数组第一项是匹配结果,后面一次是捕获分组 /abc(d)/.exec('abcd') // ["abcd", "d", ...RegExp.$1 // b 上一次匹配捕获分组 RegExp.input // abc 上一次匹配字符串 RegExp.lastMatch // ab 上一次匹配成功字符 RegExp.length

46320

正则表达式

\b 匹配一个单词边界 \B 匹配不是单词开头或者结束位置 上干货:代码案例 # 导入正则表达式模块 import re # 定义测试文本字符串,我们后续在这段文本查询数据 msg1 = "...正则表达式分组 正则表达式主要是用于进行字符串检索匹配操作利器 在一次完整匹配过程,可以将匹配到结果进行分组,这样就更加细化了我们对匹配结果操作 正则表达式通过圆括号()进行分组,以提取匹配结果部分结果...,过程如下: 开始:内容1这本来是不需要内容内容2 第一次匹配:【内容1这本来是不需要内容内容..." 开始:内容1这本来是不需要内容内容2 第一次匹配:【】内容1这本来是不需要内容就是一个贪婪模式,用于匹配 和 之间所有的字符 懒惰模式:从目标字符串按照顺序从头到位进行检索匹配,尽可能检索最小范围匹配结果,语法结构是在贪婪模式表达式后面加上一个符号

90910

CSS基本知识(慕课网)

这样,一般网站分为头,体,脚部分,因为考虑它们在同一个页面只会出现一次,所以用id,其他,比如说你定义了一个颜色为redclass,在同一个页面也许要多次用到,就用class定义。...与类选择器不同,在一个HTML文档,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。     ...4、通用选择器     注解:通用选择器是功能最强大选择器,它使用一个(*)号指定,它作用是匹配html中所有标签元素,如下使用下面代码使用html任意标签元素字体颜色全部设置为红色:   5、分组选择器...    注解:         当你想为html多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器h1、span标签同时设置字体颜色为红色:             ...举例如下: html代码: 我是第一行文本 我是第二行文本

2.1K60

正则表达式来了,Excel正则表达式匹配示例

一旦开始键入公式,函数名就会出现在Excel自动完成建议列表。然而,在动态数组Excel(Microsoft 365)和传统Excel(2019及更旧版本)存在一些细微差别。...一次匹配多个单元格字符串 要使用单个公式匹配多个字符串,在第一个参数包含单元格区域引用: =RegExpMatch(A5:A9, “\b[A-Z]{2}-\d{3}\b”) 在支持动态数组Excel365...[^1-3]将匹配不是1、2或3(即从13任何数字)任何单个字符。 在电话号码列表,假设要查找没有国家代码电话号码。...如果没有“lemons”,则该点与除换行符以外任何字符匹配。上面的表达式只执行一次检查,*量词重复它零次或多次,从由^定位字符串开始由$定位字符串结束。...记住,我们自定义函数可以一次处理多个单元格,Excel总和可以在一个数组累加值,下面是你要做: 为RegExpMatch提供一个单元格区域引用,以便它返回一个包含TRUE和FALSE值数组

19.8K30

在Word中使用通配符查询

Word替换栏代码·通配符一览表 序号清除使用通配符复选框勾选使用通配符复选框特殊字符代码特殊字符代码or通配符0 要查找表达式 \n\1段落标记↵^p段落标记↵^p2手动换行符↓^l手动换行符↓^...使用通配符搜索 选中“使用通配符”复选框后,Word 只查找与指定文本精确匹配文本(请注意,“区分大小写”和“全字匹配”复选框会变灰而不可用,表明这些选项已自动选中,您不能关闭这些选项)。...6.指定范围内任意单个字符[-]例如,[r-t]ight查找“right”和“sight”。必须用升序来表示该范围。7.括号内指定字符范围以外任意单个字符[!x-z]例如,t[!...10.nm个前一字符或表达式{n,m}例如,10{1,3}查找“10”、“100”和“1000”。11.一个以上前一字符或表达式@例如,lo@t查找“lot”和“loot”。...使用代码搜索 可以在“查找内容”或“替换为”框中使用代码 段落标记()键入^p(选中“使用通配符”复选框时在“查找内容”框无效)或键入^13制表符()键入^t或键入^9ASCII字符键入^nnn,其中

2.4K10

正则表达式学习笔记

// 第一个参数表示匹配字符串 // index表示是匹配字符串在文本起始位置 // input表示引用文本 str.match(reg1); // [ 'hello', index: 0,...返回数组包含匹配字符串,同时另外包含两个属性:index 和 input。index表示是匹配字符串在文本起始位置,input表示匹配字符串。...长属性名 短属性名 说明 input $_ 最近一次要匹配字符串 lastMatch $& 最近一次匹配项 lastParen $+ 最近一次匹配捕获组 leftContext $` input字符串...,包含所有匹配值;如果是非全局模式,则返回第一个匹配项数组信息,数组第一个元素为匹配字符串,余下为匹配捕获组,另外这个数组还有两个属性,index和input,index表示匹配字符串开始索引,...例如,在/test/正则,有4个术语,它们表示这些字符必须在一个字符串中出现,才能匹配该模式。 简单理解:精准匹配可以理解为一对一匹配,即正则表达式术语与字符串字符对应。

1.3K40

正则表达式30分钟入门教程

字符是计算机软件处理文字时最基本单位,可能是字母,数字,标点符号,空格,换行符,汉字等等。字符串是0个或更多个字符序列。文本也就是文字,字符串。...]+>匹配用尖括号括起来以a开头字符串。 后向引用 使用小括号指定一个子表达式后,匹配这个子表达式文本(也就是此分组捕获内容)可以在表达式或其它程序作进一步处理。...默认情况下,每个分组会自动拥有一个组号,规则是:从左向右,以分组左括号为标志,第一个出现分组组号为1,第二个为2,以此类推。 后向引用用于重复搜索前面某个分组匹配文本。...下面列出了最常用一些: 常用分组语法 (exp) 匹配exp,并捕获文本自动命名组里 (?exp) 匹配exp,并捕获文本名称为name组里,也可以写成(?’...要包含注释的话,最好是启用“忽略模式里空白符”选项,这样在编写表达式时能任意添加空格,Tab,换行,而实际使用时这些都将被忽略。启用这个选项后,在#后面这一行结束所有文本都将被当成注释忽略掉。

82800
领券