我如何确定它首先从“Startpoint” function 调用开始，然后等到该调用解决后再开始下一个 function 调用？

Question

Within a map function, I want to call an asynchronous function if the name is "Startpoint" and the same function if the name is "Question". These functions call an API (from dialogflow). I have the problem that the second function call overtakes the first one.

How can I be sure that it first starts with the "Startpoint" function call and waits until this one is resolved to start the next function?

Here is the code:

const editorJSON = {1: "Startpoint", 2: "Answer", 3: "Question"};

Object.keys(editorJSON).map((key, index) => {
  if (editorJSON[key].name === "Startpoint") {
     saveNodeasIntentinDialogflow(someArgument);

  if (editorJSON[key].name === "Question") {
     saveNodeasIntentinDialogflow(someArgument);

And here is the function saveNodeasIntentinDialogflow (simplified):

const saveNodeAsIntentinDialogflow = async (someParameter) => {
    try {
  const res = await axios.post(
    `https://dialogflow.googleapis.com/v2/projects/agent/intents:batchUpdate`)}

Answer 1

One working solution is to split them up into two different maps

 const editorJSON = { 1: "Startpoint", 2: "Answer", 3: "Question" }; //console logged at end to show output order const order = []; //longer async async function mockLonger(param) { return await new Promise(function(resolve, reject) { setTimeout(() => resolve(order.push(param)), 2000); }) } //shorter async async function mockShorter(param) { return await new Promise(function(resolve, reject) { setTimeout(() => resolve(order.push(param)), 1000); }) } //async map async function mapArray(array) { console.log("processing..."); const resultsA = array.map(async(key, index) => { if (editorJSON[key] === "Startpoint") await mockLonger("longer"); }) //process longer call first await Promise.all(resultsA) const resultsB = array.map(async(key, index) => { if (editorJSON[key] === "Question") await mockShorter("shorter"); }) //then shorter call await Promise.all(resultsB) console.log("Output Order:", order) } mapArray(Object.keys(editorJSON));

Answer 2

Why does it have to be within a map function? Just iterate the array and await.

 const editorJSON = {1: "Startpoint", 2: "Answer", 3: "Question"}; (async () => { for (const value of Object.values(editorJSON)) { await saveNodeasIntentinDialogflow(value); } })(); async function saveNodeasIntentinDialogflow(name) { await new Promise(r => setTimeout(r, 3000 * Math.random())); console.log(`${name} is done`); }