通过map()函数向对象添加新的键/值-异步promise返回挂起的promise而不是值

通过map()函数向对象添加新的键/值-异步promise返回挂起的promise而不是值。

map()函数是JavaScript中的一个高阶函数，用于对数组中的每个元素进行操作并返回一个新的数组。在这个问题中，我们可以使用map()函数向对象添加新的键/值对。

首先，我们需要创建一个包含键/值对的对象。然后，我们可以使用map()函数来遍历对象，并使用异步promise来返回挂起的promise而不是值。

以下是一个示例代码：

const obj = {
  key1: 'value1',
  key2: 'value2',
  key3: 'value3'
};

const addNewKeyValue = async (key, value) => {
  // 模拟异步操作，返回一个挂起的promise
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve({ [key]: value });
    }, 1000);
  });
};

const addNewKeyValues = async (obj, keyValues) => {
  const promises = Object.entries(keyValues).map(([key, value]) => {
    return addNewKeyValue(key, value);
  });

  const newKeyValues = await Promise.all(promises);

  return Object.assign({}, obj, ...newKeyValues);
};

const keyValuesToAdd = {
  key4: 'value4',
  key5: 'value5'
};

addNewKeyValues(obj, keyValuesToAdd)
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error(error);
  });

在上面的代码中，我们首先定义了一个包含键/值对的对象obj。然后，我们定义了一个异步函数addNewKeyValue，它接受一个键和一个值，并返回一个挂起的promise，模拟异步操作。

接下来，我们定义了另一个异步函数addNewKeyValues，它接受一个对象obj和一个包含要添加的键/值对的对象keyValues。在这个函数中，我们使用Object.entries()方法将keyValues对象转换为一个包含键/值对的数组。然后，我们使用map()函数遍历这个数组，并对每个键/值对调用addNewKeyValue函数，返回一个挂起的promise数组。

接下来，我们使用Promise.all()方法等待所有的promise都解决，并将解决的结果存储在newKeyValues数组中。

最后，我们使用Object.assign()方法将原始对象obj与newKeyValues数组中的所有键/值对合并，并返回一个新的对象。我们使用console.log()函数打印结果。

这样，我们就通过map()函数向对象添加了新的键/值对，并使用异步promise返回挂起的promise而不是值。

腾讯云相关产品和产品介绍链接地址：