js textarea换行分隔成数组和数组转换行符textarea回显

在web的前端操作中，有时候需要将 html 的 textarea 标签元素中的内容以每行的形式转成一个数组并发向后台，在编辑的时候，数组数据需要taxtarea换行显示。那么该如何做呢？
下面这篇博文就来说一说，通过利用 js 将 textarea 标签元素中的内容以换行或回车进行分割并转成数组的方法。

js实现textarea换行分隔成数组

参考文献：https://blog.csdn.net/lxj7607/article/details/105734039/
主要是通过

value.split(/[(\r\n)\r\n]+/)

进行的识别分隔。其中\n代表换行，\r代表回车，可以加个\s代表空格

value.split(/[(\r\n\s)\r\n\s]+/)

1.textarea输入内容

2.处理完的数据

3.代码

 const handleFinish = async (values: { [name: string]: string }) => {console.log(values, 'va----');let str_array = values?.entityValueList?.split(/[(\r\n)\r\n]+/);str_array.forEach((item, index) => { // 删除空项if (item === "") {str_array.splice(index, 1);}})console.log(str_array, 'str_array----');};<Form.Itemlabel="textarea数据转数组"name="valueList"initialValue={valueList}rules={[{required: true,message: '请输入',},]}><TextAreaplaceholder="请输入"allowClearrows={4}/>
</Form.Item>

js实现数组转换行符textarea回显

1.js数组

2.textarea回显

3.代码

const list = ["1", "22", "33 4455   5532  54看", "90", "老了"];
const valueList = list.join("\n"); //数组转有换行符字符串<Form.Itemlabel="textarea回显"name="valueList"initialValue={valueList}rules={[{required: true,message: '请输入',},]}><TextAreaplaceholder="请输入"allowClearrows={4}/>
</Form.Item>

js textarea换行分隔成数组和数组转换行符textarea回显相关推荐

java实现原数组根据下标分隔成两个子数组并且在原数组中交换两个子数组的位置...
此类实现: 输出一行数组数据,根据输入的下标,以下标位置为结束,将原数组分割成两组子数组. 并交换两个子数组的位置,保持子数组中的元素序号不变. 如:原数组为7,9,8,5,3,2 以下标3为分割点, ...
xlsx.full.js读取Excel数据转换成二维数组，sheet_to_array
xlsx.full.js读取Excel的sheet数据转换成二维数组,sheet_to_array 解析sheet数据为二维数组测试方法效果鉴于js-xlsx.js没有XLSX.util.she ...
php中，多维数组是什么意思,在PHP中回显多维数组
我有一个多维数组,我试图找出如何简单地"回显"数组中的元素.数组的深度未知,因此可以深度嵌套. 对于下面的数组,正确的回显顺序为: This is a parent comment ...
textarea保存换行符以及回显换行
<textarea placeholder="请输入内容" id="management" name="management"> ...
Js将字符串转换成对象或数组en
举个例子var test='{ colkey: "col", colsinfo: "NameList" }'a.将文本转换成对象 var test='{ col ...
js数组拆分成几个数组
利用js来把一个数组拆分成几个数组,下面代码已经把这功能弄成函数了,只需传入参数即可. 该函数的第一个参数为 array(需要拆分的数组),第二个参数为size(每组数组多少个),该函数直接返回新 ...
Java数组分隔成子数组
有这样一个需求,循环数组输出动态表单为一行两列分隔数组每两个为一组,如果单数最后一个为一组 import java.util.ArrayList; import java.util.List;pub ...
js逗号分割数组和数组分割成字符串
在php中式经常遇见的问题,但是在js中我是第一次使用 var aaa=[1,2,4,5,6]; console.log(aaa.join(",")) 输出是 1,2,4,5,6 ...
js 类数组转成真正的数组的方法
一.类数组与数组的区别相同点: 都有 length 属性,都可以用下标访问每一个元素不同点: 数组的类型是 Array ,类数组的类似是 Object 类数组不具备数组所具备的所有方法类数组只能 ...

js textarea换行分隔成数组和数组转换行符textarea回显

js实现textarea换行分隔成数组

1.textarea输入内容

2.处理完的数据

3.代码

js实现数组转换行符textarea回显

1.js数组

2.textarea回显

3.代码

js textarea换行分隔成数组和数组转换行符textarea回显相关推荐

最新文章

热门文章