数组中的数据项包含逗号则需在首尾拼接中括号[]来区分每一项，最后数组转为字符串，以及数据恢复

需求：

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.将字符串转为数组，若是数组项中包含逗号则首尾会带有中括号，需去掉首尾的中括号

主要分为三步：

匹配字符串中带有中括号的数据，去掉首尾中括号；

将字符串中带有中括号的数据去除且转为数组；

带有逗号的数组和不带逗号的数组进行拼接；

// 回显筛选条件value值，将字符串转为数组，若是数组项中包含逗号则首尾会带有中括号，需去掉首尾的中括号
export function echoValueTypeConversion(value) {
  let newArr = [];
  // 若是数据为空，则直接返回空数组即可
  if (!value) {
    return newArr;
  }
  // 若是数据项中均为不带逗号的数据，直接转为数组即可
  if (!value.match(/\[(.+?)\]/g)) {
    newArr = value.split(",");
    return 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