数组遍历请求数据 并把请求回来的数据放到对应数组
时间: 2023-07-16 13:17:26 浏览: 118
假设你有一个数组 `arr`,需要请求数据并将请求回来的数据放到对应的数组位置。可以按照以下步骤操作:
1. 使用循环遍历数组 `arr`,对于每一个数组元素,发送一个请求获取对应的数据。
2. 在请求的回调函数中,将返回的数据存储到对应的数组位置。
3. 在所有请求完成后,可以使用存储了数据的 `arr` 数组进行后续的操作。
代码示例:
```javascript
const arr = [1, 2, 3, 4];
arr.forEach((item, index) => {
// 发送请求获取数据
fetchData(item).then((data) => {
// 将返回的数据存储到对应的数组位置
arr[index] = data;
});
});
function fetchData(item) {
// 发送请求的具体实现
return new Promise((resolve, reject) => {
// 假设这里是一个异步的请求方法
setTimeout(() => {
resolve(item * 2);
}, 1000);
});
}
// 在请求完成后,可以使用存储了数据的 `arr` 数组进行后续的操作
setTimeout(() => {
console.log(arr); // [2, 4, 6, 8]
}, 2000);
```
在这个示例中,我们假设 `fetchData` 方法是一个可以发送请求的方法。在遍历数组 `arr` 的过程中,对于每一个数组元素,我们调用 `fetchData` 方法发送请求并传入对应的元素值。在请求的回调函数中,我们将返回的数据存储到对应的数组位置。在所有请求完成后,我们使用存储了数据的 `arr` 数组进行后续的操作。
阅读全文