Question

我的第二个问题与我的第一个question有关。答案只是帮助我更多地了解我的问题。

我的情况：

我在parseplattform中有一个表，用于存储我的用户照片。用户应该能够删除所选的那些。所以我在每张图片下面打了一个复选框，它给了我一张picID。因此，下一步是找到我表中所有选定的图片并“销毁”它们。

这是我的代码 snippit，只是为了找到所选的图片：

  var inputs = document.querySelectorAll("input[type='checkbox']");

  for(var i = 0; i < inputs.length; i++) {
    if(inputs[i].checked == true){
      var imgForDelPromise = new Promise(function (resolve) {
        userPics_query.get(inputs[i].id, {
          success: function(picForDelete) {
            alert(picForDelete.id);
            resolve(picForDelete);
           },
           error: function(picForDelete, error) {
             alert("Error: " + error.code + " " + error.message);
           }
         });
      });
    }
  }

我的问题：

如果我从12张照片中选择，第1号，第5号和第8张照片，我希望我也能获得图片1,5和8的ID 但我总是得到最后一张一个和我选择的项目一样多。在这个例子中3次8。

就像我提出的第一个问题一样，我用承诺尝试了它，但它没有帮助。

所以我问谷歌并得到了this，但它也没有帮助我。

我希望你理解我的问题和疑问，并希望你能帮助我。

也许有一种更简单的方法，比如query.equalTo（），我可以传递一个包含不同元素的数组，然后返回一个包含不同对象的数组。但我还没找到它。

谢谢。

更新

问题仍然存在，我尝试更多地指定它。例如：

var ids = Array.from(document.querySelectorAll("input[type='checkbox']"))
.filter( //only checked inputs
    function(input) { return input.checked; }
).map( //map to a promise
    function(input) {
        return input.id;
    }
);

console.log(ids);

ids.forEach(function(id) {
    userPics_query.get(id)
    .then(function(picObject) {
        console.log(picObject.id);
    })
    .then(function(error) {
        console.log(error);
    });
});

我试图根据您的答案构建的内容给出了以下日志：

Array [ "x2WSASwKWI", "NuhRXja0PL" ]
NuhRXja0PL
NuhRXja0PL

我的问题： 我不知道如何通过数组进行迭代并从服务器获取每个元素，因为每个循环都会出现，然后获取请求，我无法以正确的顺序获取它。我错过了什么？

使用Promise.all(promises)我传递完整的数组，但query.get一次只能处理一个字符串！

更新2：

功能

query.get("xWMyZ4YEGZ", {
  success: function(gameScore) {
    // The object was retrieved successfully.
  },
  error: function(object, error) {
    // The object was not retrieved successfully.
    // error is a Parse.Error with an error code and message.
  }
});

来自parseplattform.org

Answer 1

我不确定您发布的代码是否是提供问题的实际代码。循环中的变量i应该递增，因为它不会在异步回调中使用（传递给new Promise的函数会立即执行）。

然而;当您将输入用作数组时，可以解析为您提供问题的代码，过滤掉未检查的代码，然后将它们映射到promises：

var inputs = Array.from(document.querySelectorAll("input[type='checkbox']"));
Promise.all(
  inputs.filter(//only checked inputs
    function(input){return input.checked; }
  ).map(//map to a promise
    function(input){
      console.log("calling get with id:",input.id);
      //removed the new Promise wrap because the get function
      //  returns a promise
      return (new Parse.Query(SomeThing)).get(input.id);
    }
  )
)
.then(
  function(deleted){ console.log("deleted:",deleted); },
  function(error){console.error("something went wrong:",error); }
);

由于问题显然来自userPics_query.get而问题中未提供，因此您可以通过当时处理id来严重解决问题。您可以通过执行以下操作来执行此操作：

Array.from(document.querySelectorAll("input[type='checkbox']"))
.filter(//only checked inputs
    function(input){return input.checked; }
).reduce(//only start the next if current is finished
  function(p,input){
    console.log("calling get with id:",input.id);
    return p.then(
      all=>
        userPics_query.get(input.id)
        .then(item=>all.concat([item]))
    );
  },
  Promise.resolve([])
)
.then(
  function(deleted){ console.log("deleted:",deleted); },
  function(error){console.error("something went wrong:",error); }
);

最好继续使用Promise.all并尝试找出userPics_query.get的错误，我敢打赌它是异步代码中使用的共享全局可变依赖项。

Answer 2

由于查询函数返回自己的承诺，因此无需创建承诺。换句话说，在你的代码中，所有这些......

userPics_query.get(someParam, { success : successFn, error : errorFn })

可能被这些替换......

userPics_query.get(someParam).then(successFn, errorFn)

无论你在Promise创建中包装第一个表单，你都应该删除它并使用第二个表单。 通常，为小的，可测试的工作部分构建函数。

将其应用于您的代码，构建一个函数来返回一个承诺，以获取给定id的用户图片...

// note - OP should substitute real collection and prop names
function userPicWithId(inputId) {
    var query = new Parse.Query("MyUserPicCollection");
    query.equalTo("myUserPicIdProperty", inputId);
    return query.get(inputsId);
}

构建一个函数，从已选中的复选框返回一个id数组（从here借来的想法）......

// something like this, but OP should test
function checkedIds() {
    return $(":checkbox:checked").map(() => this.id).get();
}

这给了我们两个简单，可测试的功能。按照以下方式使用它们很简单......

let promises = checkedIds().map(anId => userPicWithId(anId);

使用Promise.all运行所有承诺......

Promise.all(promises).then(results => console.log(results));

所有这些建议也适用于您之前提出的问题。一旦你掌握了使用正确封装的promises和逻辑，事情变得更加简单。

Answer 3

我已经看到，最有效的方法是在单个查询中查询所有id，然后根据需要操作它们。

export const getUsers = async (ids: string[]) => {
  const userQuery = new Parse.Query(Parse.User);
  userQuery.containedIn('objectId', ids);

  const data = await userQuery.find({ useMasterKey: true });

  const map = data.reduce((acc, item) => ({
      ...acc,
      [item.id]: item,
  }), {} as { [id: string]: Parse.User });

  return map;
};

如何通过一系列objectID从解析服务器获取所有对象？

3 个答案: