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范围内
时间: 2024-04-22 10:24:05 浏览: 98
要使得`getDataOne`的 Promise 返回参数在 `Promise.all` 范围内,可以使用 `Promise.resolve()` 包装 `that.getDataOne()` 的返回值。这样可以将返回的结果转换为一个 Promise 对象,然后将该对象赋值给 `retObj[ele.code]`。这是修改后的代码示例:
```javascript
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 对象都完成后再执行后续操作。
相关问题
const amount = ()=>{ let a = state.filter(item => item.isCheck === true).forEach(item =>{ a += itme.price * item.num }) }
这段代码是一个使用箭头函数定义的函数`amount`,它的目的可能是计算某个状态(state)中所有已选中(isCheck为true)项目的总价。不过,代码中存在一些错误和潜在的问题,导致它不能正确运行。下面是这段代码的解释以及必要的修改建议:
1. `const amount = `部分定义了一个常量`amount`,它被赋值为一个箭头函数。由于箭头函数的特性,`amount`将是一个函数。
2. 函数体中使用了`state.filter`来筛选出所有`isCheck`属性为`true`的对象。这个`filter`方法会遍历`state`数组,并返回一个新数组,其中包含所有符合条件的元素。
3. 接下来的`.forEach`方法被用来遍历`filter`方法返回的数组。`forEach`是一个遍历数组的方法,但它的返回值是`undefined`,并且不推荐在`forEach`内部使用`return`语句来返回值,因为它不会对循环产生影响。
4. 在`forEach`的回调函数中,有一个累加器变量`a`,它在外部作用域被声明为`let`,这会引发闭包的问题,因为在`forEach`循环中对`a`的修改不会反映到外部的`a`变量上。正确的做法是使用`reduce`方法来计算总和。
5. 在累加过程中,代码`a += itme.price * item.num`中有一个拼写错误`itme`应为`item`。
修正后的代码可能如下所示:
```javascript
const amount = () => {
let total = 0; // 使用total作为累加器
state.filter(item => item.isCheck === true).forEach(item => {
total += item.price * item.num; // 累加计算总价
});
return total; // 返回总价
};
```
请注意,这个函数现在返回的是累加的总价,你需要调用这个函数来获取结果。
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 创建函数作用域的性能问题。
阅读全文