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

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

作者:互联网

需求:

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