javascript - 如果两个数组具有相同的ownerId,如何比较它们

标签 javascript arrays reactjs firebase react-native

enter image description here如果两个数组具有相同的ownerId,我如何比较它们。 第一个数组是 userUserInfo,第二个数组是orders 数组。我想比较它们是否具有相同的ownerId。 2 个数组是从 firebase 获取的。 如果ownerId ===到ownerId,我写的newu很难编码

这些是 console.log 中的数组

Array [
  UserInfo {
    "adress": "Flat 76",
    "dateofbirth": "26-09-1995",
    "email": “testt@yahoo.com",
    "id": "-M0s8z5kilepQfGaDarw",
    "namee": “testt”,
    "ownerId": "XS7ARDt5C8hKtQyTSrPh9oLKMUp2",
    "phonenumber": "079112",
  },
 ]
Array [
  Order {
    "date": 2020-02-24T20:46:24.981Z,
    "id": "-M0swr3CHlIJczaLxppg",
    "items": Array [
      Object {
        "productId": "-M0swATocaxb_VboxWrd",
        "productPrice": 10,
        "productTitle": "Water",
        "quantity": 1,
        "sum": 10,
      },
    ],
    "ownerId": "XS7ARDt5C8hKtQyTSrPh9oLKMUp2",
    "productTitle": undefined,
    "totalAmount": 10,
  },
]
<小时/>
const OrderItem = props => {
  const [isLoading, setIsLoading] = useState(false);
  const [error, setError] = useState();

  const [showDetails, setShowDetails] = useState(false);
  const dispatch = useDispatch();
  const orders = useSelector(state => state.orders.orders);

  const userUserInfo = useSelector(state => state.userInfo.userUserInfo)

//const newu = userUserInfo.filter(prod=>prod.ownerId === 'XS7ARDt5C8hKtQyTSrPh9oLKMUp2')



 console.log(userUserInfo)
 console.log(orders)


  return (
    <Card style={styles.orderItem}>
      <View style={styles.summary}>
        <Text style={styles.totalAmount}>£{props.amount}</Text>
        {/* <Text style={styles.totalAmount}>{props.date}</Text> */}
        <Text style={styles.totalAmount}>t{props.items.title}</Text>


      </View>
      <Button
        color={Colors.primary}
        title={showDetails ? 'Hide Details' : 'Show Details'}
        onPress={() => {
          setShowDetails(prevState => !prevState);
        }}
      />
      {showDetails && (
        <View style={styles.detailItems}>
          {props.items.map(cartItem => (
            <CartItem
              key={cartItem.productId}
              quantity={cartItem.quantity}
              amount={cartItem.sum}
              title={cartItem.productTitle}


            />

          ))}
          <FlatList
          data={userUserInfo}
          keyExtractor={item => item.id}
          renderItem={itemData => (
            <Profile

            image={itemData.item.imageUrl}
                    title={itemData.item.namee}
                    price={itemData.item.email}
                    phonenumber={itemData.item.phonenumber}
                    adress={itemData.item.adress}
                    quantityNeeded={itemData.item.dateofbirth}
                    onSelect={() => {
                        selectItemHandler(itemData.item.id, itemData.item.namee);
                    }} >

          </Profile>
           )} />


        </View>
      )}
    </Card>    
  );

};

最佳答案

结合使用过滤某些数组方法。

这是一个例子:

const userInfo = [{
  "ownerId": "XS7ARDt5C8hKtQyTSrPh9oLKMUp2"
}]

const order = [{
  "ownerId": "XS7ARDt5C8hKtQyTSrPh9oLKMUp2",
}]


const res = userInfo.filter(({
  ownerId
}) => order.some(x => x.ownerId === ownerId));

关于javascript - 如果两个数组具有相同的ownerId,如何比较它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60385933/

相关文章:

javascript - 使用 jQuery 在单独的 div 中加载视频

ios - 快速限制阵列容量会更有效吗?

php - 如何在 Android 中停止重复数据库?

javascript - react native + redux - 期望一个组件类,得到 [object Object]

html - 如何将图像放在网页上的 div 元素旁边?

javascript - Angular JS 在 ng-repeat 中设置点击对象的值

javascript - 如何仅在第一页加载时调用 javascript 函数

c++ - 从 const char 数组初始化为动态分配的 const char 数组

android - android 和 ios 中的 https 获取请求阻塞 - React Native

javascript - 如何在纯函数式 React 组件中处理事件