React:比较嵌套对象数组中的值并仅显示差异

问题描述 投票:0回答:0

我有一个对象数组,里面有嵌套数组,我想比较和映射以仅显示彼此不相等的值。

这是我试过的

const arrayObjOne = [
  { display: ["Stockholm", "Copenhagen", "Berlin"] },
  { display: ["Stockholm", "Copenhagen", "Berlin", "Oslo"] },
];

function Testpage() {
  const results = arrayObjOne.filter(
    ({ display: data1 }) =>
      !arrayObjOne.some(({ display: data2 }) => data1 === data2)
  );
  console.log(results);
  return (
    <div>
      {results.map((data, i) => (
        <ul>
          <li>{data}</li>
        </ul>
      ))}
    </div>
  );
}

export default Testpage;

我需要的最终结果是显示这些嵌套数组之间的差异——最终结果应该是这样的:

作为列表,在这种情况下

{['Oslo']}

reactjs arrays nested display
© www.soinside.com 2019 - 2024. All rights reserved.