如何通过 objectID 数组从解析服务器获取所有对象？

Question

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

我的情况：

我在 parseplattform 中有一个 table，用于存储我的用户图片。用户应该能够删除 selected 的。所以我在每张图片下都勾选了一个复选框，它会返回 picID。所以下一步是在我的 table 和 "destroy" 中找到所有 selected 图片。

这是我的代码 片段，用于查找 selected 图片：

  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);
           }
         });
      });
    }
  }

我的问题：

如果我 select 在 12 张图片中，第 1、5 和 8 号图片我希望我也能取回第 1、5 和 8 号图片的 ID 但是我总是得到最后一个，就像我 selected 的一样多。在这个例子中是 3 次 8.

就像我在第一个问题中建议的那样，我尝试了 promises 但没有帮助。

所以我问 google 并得到了 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

我的问题： 我不知道如何遍历数组并为每个元素取回来自服务器的请求，因为每个循环都首先出现，然后是 get 请求，而我无法在正确的顺序。我想念什么？

通过使用 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 的函数会立即执行）。

但是；当您将输入用作数组时，确实给您带来问题的代码可以得到解决，过滤掉未检查的那些，然后将它们映射到承诺：

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

无需创建承诺，因为查询函数 return 它们自己的承诺。换句话说，在您的代码中，所有这些...

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

可能会被这些取代...

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

无论您在 Promise 创建中包装了第一种形式，您绝对应该删除它并使用第二种形式。 一般来说，为小的、可测试的工作构建函数。

将其应用到您的代码中，构建一个函数以return承诺在给定 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);
}

构建一个函数来 return 来自选中复选框的 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));

所有这些建议也适用于您之前的问题。一旦掌握了使用正确封装的承诺和逻辑的诀窍，事情就会变得简单得多。

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 数组从解析服务器获取所有对象？

How can I get all Objects from parse server by an array of objectIDs?

javascript

parse-platform