标签：数据项 数据恢复 newArr 逗号 中括号 数组 首尾

需求：

1.获取到数据为数组，其中有的数据项中本身包含逗号，则需要将带有逗号的数据项首尾加上[]，最后数组转为字符串且以逗号拼接进行保存；

2.在回显数据时，获取到的就是传过去的数据，需要恢复为数组，且数据项中带有逗号的不需要首尾加上中括号[]，不然没法做回显；

 

数据显示：

1.

2.

 

 

实现代码：

1.将数组转为字符串逗号拼接，且数组项中若是包含逗号则首尾加中括号：

主要分为两步：

将数组中带有逗号的数据项根据逗号分隔成对应数组； 判断数组中的数据项是否为数组，若是数组则首尾拼接上中括号；

// 数组转为字符串逗号拼接，且数组项中若是包含逗号则首尾加中括号
setValueTypeConversion(value) {
  let newArr = [];
  // 将数组中带有逗号的数据项根据逗号分隔成对应数组
  value.forEach((childVal) => {
    if (childVal.indexOf(",") !== -1) {
      childVal = childVal.split();
    } else {
      childVal = childVal;
    }
    newArr.push(childVal);
  });
  let newData = "";
  // 判断数组中的数据项是否为数组，若是数组则首尾拼接上中括号
  newArr.forEach((nVal) => {
    if (Array.isArray(nVal)) {
      newData += "[" + nVal + "],";
    } else {
      newData += nVal + ",";
    }
  });
  return newData.slice(0, newData.length - 1);
},

2.将字符串转为数组，若是数组项中包含逗号则首尾会带有中括号，需去掉首尾的中括号

主要分为三步：

匹配字符串中带有中括号的数据，去掉首尾中括号； 将字符串中带有中括号的数据去除且转为数组； 带有逗号的数组和不带逗号的数组进行拼接；

// 将字符串转为数组，若是数组项中包含逗号则首尾会带有中括号，需去掉首尾的中括号
echoValueTypeConversion(value) {
  let newArr = [];
  // 匹配字符串中带有中括号的数据，去掉首尾中括号
  value
    .match(/\[(.+?)\]/g)
    .map((item) => newArr.push(item.replace(/\[|]/g, "")));
  // 将字符串中带有中括号的数据去除且转为数组
  value = value.replace(/\[.*?\]/g, "").replace(/^,*|,*$/g,'').split(',');
  // 带有逗号的数组和不带逗号的数组进行拼接
  newArr = newArr.concat(value);
  return newArr;
},

 

注意：

1.参考：

https://blog.csdn.net/weixin_33834137/article/details/94510735

 

标签：数据项,数据恢复,newArr,逗号,中括号,数组,首尾
来源： https://www.cnblogs.com/5201314m/p/14668365.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。