项目中遇到的数据处理问题-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_48666244/article/details/136068423

本文介绍了如何在JavaScript中使用for循环和join/split方法将id数组以逗号分隔，以及如何从tableColumn中提取匹配tbodyList键值的label。作者展示了将数据结构转换和匹配的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、将id数组以逗号分隔开，以字符串的形式保存，再将字符串形式的id转变成数组

//第一种
let ids = '';
for (let i in form.Org_Role_Ids) {
        //以逗号分隔开
      ids += form.Org_Role_Ids[i] + ',';

 }
        //去掉最后一个逗号
       ids = ids.substring(0, ids.lastIndexOf(','));
		form.Org_Role_Ids = ids;
//第二种
join() 方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串，用逗号或指定的分隔符字符串分隔。如果数组只有一个元素，那么将返回该元素而不使用分隔符。

const elements = ['Fire', 'Air', 'Water'];

console.log(elements.join());
// Expected output: "Fire,Air,Water"



//使用
console.log(elements.join(''));
// Expected output: "FireAirWater"

console.log(elements.join('-'));
// Expected output: "Fire-Air-Water"

//将字符串变成数组
form.Org_Role_Ids.split(',')




//使用
split() 方法接受一个模式，通过搜索模式将字符串分割成一个有序的子串列表，将这些子串放入一个数组，并返回该数组。

const str = 'The quick brown fox jumps over the lazy dog.';

const words = str.split(' ');
console.log(words[3]);
// Expected output: "fox"

const chars = str.split('');
console.log(chars[8]);
// Expected output: "k"

const strCopy = str.split();
console.log(strCopy);
// Expected output: Array ["The quick brown fox jumps over the lazy dog."]

二、将tableColumn中的label选出，使label的值等于tbodyList每一项的key，

例如：{"工号":"B0001"}

tbodyList：

tableColumn：

      this.dataList = res.data.page.data;
      this.tableColumn = res.data.table_info.table_column;
      this.tbodyList = [...this.dataList];
      this.tbodyList = this.tbodyList.map((item) => {
        const obj = {};
        for (let key in item) {
          const label = this.tableColumn.find((el) => el.field === key)?.label;
          obj[label] = item[key];
        }
        return obj;
      });