时间戳

首页 > 解决方案 > 将 Firebase 元素映射为数组

javascript - 将 Firebase 元素映射为数组

问题描述

我正在开发一个台球投注应用程序。一切看起来都不错，我正在完成最后一个模块。

在 firebase 中，我有一个投注池，有很多用户。任何用户都有许多比赛，他们对比赛的投注。像这样：

在此处输入图像描述

当我在 Firebase 上发出这样的请求时：

 fetchPoolData = async () => {
    const { firebaseApp } = this.props;

    await firebaseApp
      .database()
      .ref(`/pools/${this.props.location.state.pool.key}/users`)
      .once("value")
      .then(snapshot => {
        this.setState({
          poolData: this.snapshotToArray(snapshot),
          isLoadingPool: false
        });
      });
  };

一切看起来都很棒。现在我有一组用户，并且想要进行一些计算以获得每个用户在每场比赛中的得分。所以我像这样映射用户：

this.props.poolData.map(user => {
  allUserMatches.push(calculatePoints(user.matches, outcomeMatches));
});

这里的问题是 user.matches 不是作为数组检索的。相反，它就像一个大的 json 对象，我可以映射并进行数学计算来计算点。

在此处输入图像描述

我怎样才能映射这个元素？如果我做一个 Object.keys 我只得到一个像这样的对象：

Object.keys(user.matches)
(66) ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59", "60", "61", "62", "63", "64", "result", "topscorer"

如果我做一个 Object.entries，它仍然不是很有用（因为我需要对数组的对象进行查找，以获取由对象的属性过滤的元素）。

Object.entries(user.matches)
(66) [Array(2), Array(2), Array(2), Array(2)

我在这里迷路了。该怎么办？

标签： javascriptarraysreactjs

解决方案

如果你想使用这样的映射，你可以去

Object.keys(user.matches).map(key => user.matches[key])

上面将返回每个对象的键，稍后可以通过它们的键在对象映射中使用。此外，它不会作为数组返回，因为您有两个不能像数组索引那样工作的野生属性（result 和 topscorer），因此它需要将它们作为 Object 而不是 Array 返回

一种从该键值对中检索没有结果和最高得分者的所有值的方法

Object.keys(user.matches).filter(key => Number.isInteger(parseInt(key))).map(key => user.matches[key]).

推荐阅读