const that = this let retObj = {} let codeData = [] codeList.forEach((ele,index)=>{ retObj[ele.code] = '' retObj[ele.code] = that.getDataOne(ele.code,(res)=>{res?codeData.push(res) : '';console.log(res)}) }) Promise.all(Object.keys(retObj)).then((res)=>{ that.setData({ codeData:codeData, }) }) 如何更改使得getDataOne的promise返回参数在Promise.all范围内

要使得`getDataOne`的 Promise 返回参数在 `Promise.all` 范围内，可以使用 `Promise.resolve()` 包装 `that.getDataOne()` 的返回值。这样可以将返回的结果转换为一个 Promise 对象，然后将该对象赋值给 `retObj[ele.code]`。这是修改后的代码示例：

const that = this
let retObj = {}
let codeData = []
codeList.forEach((ele,index)=>{
  retObj[ele.code] = Promise.resolve('').then(() => {
    return that.getDataOne(ele.code,(res)=>{res?codeData.push(res) : '';console.log(res)})
  })
})
Promise.all(Object.values(retObj)).then((res)=>{
  that.setData({
    codeData: codeData,
  })
})

这样，`Promise.all` 将会等待所有 `getDataOne` 的 Promise 对象都完成后再执行后续操作。

相关问题

this.worker = this.$worker .run((originalData) => { const st = new Date().getTime(); const len = originalData.length; console.log('startTime ====> ', st); const allDates = new Set(); originalData.forEach((cData) => { cData.data.forEach((item) => { allDates.add(item.trade_date); }); }); const sortDate = Array.from(allDates).sort((a, b) => +a - +b); const newArr = Array.from({ length: len }, () => []); sortDate.forEach((date, d) => { originalData.forEach((rDate, index) => { if (!newArr[index]) { newArr[index] = []; } const hasData = rDate.data.find((fd) => fd.trade_date === date); if (hasData) { newArr[index][d] = hasData.profit; } else { newArr[index][d] = null; } }); }); originalData.forEach((rDate, index) => { rDate.data = newArr[index]; rDate.dateData = sortDate; }); console.log('endTime ====> ', (new Date().getTime() - st) / 1000); return originalData; }, [res]) .then((fixedArr) => { this.proData = fixedArr; });优化此代码优化执行效率

首先，可以尝试将使用 forEach 的循环改为使用 for 循环，因为 forEach 会创建一个函数作用域，而 for 循环不会。

其次，可以将代码拆分为多个小函数，每个函数只做一件事情，这样可以使代码更加清晰易懂，也更容易维护。

最后，可以使用一些数组方法（如 map、filter 等）来代替循环，这样可以更快速地处理数组数据。

下面是优化后的代码示例：

this.worker = this.$worker.run((originalData) => {
  const st = new Date().getTime();
  console.log('startTime ====> ', st);

  const allDates = getAllDates(originalData);
  const sortDate = getSortedDates(allDates);
  const newArr = getNewArr(originalData, sortDate);

  console.log('endTime ====> ', (new Date().getTime() - st) / 1000);
  return newArr;
}, [res])
.then((fixedArr) => {
  this.proData = fixedArr;
});

function getAllDates(originalData) {
  const allDates = new Set();
  for (let i = 0; i < originalData.length; i++) {
    const cData = originalData[i];
    for (let j = 0; j < cData.data.length; j++) {
      const item = cData.data[j];
      allDates.add(item.trade_date);
    }
  }
  return allDates;
}

function getSortedDates(allDates) {
  return Array.from(allDates).sort((a, b) => +a - +b);
}

function getNewArr(originalData, sortDate) {
  return originalData.map((rDate) => {
    const data = sortDate.map((date) => {
      const hasData = rDate.data.find((fd) => fd.trade_date === date);
      return hasData ? hasData.profit : null;
    });
    return {
      ...rDate,
      data,
      dateData: sortDate
    };
  });
}

在这个示例中，我们使用了三个小函数来分别处理获取所有日期、排序日期、生成新数组的逻辑。其中，使用了 map 方法来替代 forEach，使得代码更加简洁易懂。同时，我们也将原来的三重循环改为两重循环，避免了 forEach 创建函数作用域的性能问题。

转换vue3 const option = JSON.parse(JSON.stringify(bcAttr)) let chartOption = {} let chartDimension = [] // 存放组织好的dimensions if (this._.has(option, '基础配置')) { chartOption = this._.merge(this.initialOption, option.基础配置) } if (this._.has(option, '数据')) { chartDimension = data.dimensions.map((item) => { return item }) // console.log('我是组织好的chartDimension', chartDimension) } chartOption.legend.data = bcDataset.yDimensions.map((item) => item) const maxarr = [] const valueArr = [[], [], [], [], []] option.数据.source.map((item) => { const arr = [] Object.values(item).forEach((ele) => { if (typeof ele === 'number') { arr.push(ele) } }) arr.sort((old, New) => { return old - New }) const obj = {} obj.name = item[bcDataset.xDimensions[0]] obj.max = arr[arr.length - 1] maxarr.push(obj) }) option.数据.source.map((item) => { const Array1 = [] Object.values(item).forEach((ele) => { if (typeof ele === 'number') { Array1.push(ele) } }) Array1.forEach((ele, index) => { valueArr.forEach((item, key) => { if (index == key) { valueArr[key].push(ele) } }) }) }) // console.log(maxarr) chartOption.radar.indicator = maxarr const optData = chartOption.legend.data const count = chartDimension.length - 1 for (let i = 0; i < count; i++) { // console.log(valueArr[i % valueArr.length]) const seriesObj = { type: 'radar', name: optData[i], areaStyle: { normal: { color: COLORLIST[i % COLORLIST.length], fontSize: 12 } }, symbolSize: 0, lineStyle: { normal: { color: COLORLIST[i % COLORLIST.length], width: 1, fontSize: 12 } }, data: [valueArr[i % valueArr.length]] } if (chartOption.series.length && chartOption.series[i]) { chartOption.series[i] = this._.merge(seriesObj, chartOption.series[i]) } else { chartOption.series.push(seriesObj) } }

在Vue3中，您可以按如下方式进行转换：

const option = JSON.parse(JSON.stringify(bcAttr));
let chartOption = {};
let chartDimension = []; // 存放组织好的dimensions

if (Object.prototype.hasOwnProperty.call(option, '基础配置')) {
  chartOption = this._.merge(this.initialOption, option.基础配置);
}

if (Object.prototype.hasOwnProperty.call(option, '数据')) {
  chartDimension = data.dimensions.map((item) => {
    return item;
  });
  // console.log('我是组织好的chartDimension', chartDimension)
}

chartOption.legend.data = bcDataset.yDimensions.map((item) => item);
const maxarr = [];
const valueArr = [[], [], [], [], []];

option.数据.source.map((item) => {
  const arr = [];
  Object.values(item).forEach((ele) => {
    if (typeof ele === 'number') {
      arr.push(ele);
    }
  });
  arr.sort((old, New) => {
    return old - New;
  });
  const obj = {};
  obj.name = item[bcDataset.xDimensions[0]];
  obj.max = arr[arr.length - 1];
  maxarr.push(obj);
});

option.数据.source.map((item) => {
  const Array1 = [];
  Object.values(item).forEach((ele) => {
    if (typeof ele === 'number') {
      Array1.push(ele);
    }
  });
  Array1.forEach((ele, index) => {
    valueArr.forEach((item, key) => {
      if (index == key) {
        valueArr[key].push(ele);
      }
    });
  });
});

// console.log(maxarr)
chartOption.radar.indicator = maxarr;
const optData = chartOption.legend.data;
const count = chartDimension.length - 1;

for (let i = 0; i < count; i++) {
  // console.log(valueArr[i % valueArr.length])
  const seriesObj = {
    type: 'radar',
    name: optData[i],
    areaStyle: {
      normal: {
        color: COLORLIST[i % COLORLIST.length],
        fontSize: 12
      }
    },
    symbolSize: 0,
    lineStyle: {
      normal: {
        color: COLORLIST[i % COLORLIST.length],
        width: 1,
        fontSize: 12
      }
    },
    data: [valueArr[i % valueArr.length]]
  };
  if (chartOption.series.length && chartOption.series[i]) {
    chartOption.series[i] = this._.merge(seriesObj, chartOption.series[i]);
  } else {
    chartOption.series.push(seriesObj);
  }
}

需要注意的是，Vue3中的对象方法都在`Object.prototype`中定义，因此您需要使用`Object.prototype.hasOwnProperty`来检查属性是否存在。此外，您还需要注意箭头函数的写法和模板字符串的写法在Vue3中是否有所不同。