使用javascript比较和排序数组

Question

对于以下

array1 = [{
        "x": 0,
        "y": 1,
        "z": 1,
        "i": "chart1"
         }, {
        "x": 0,
        "y": 2,
        "z": 1,
        "i": "chart2"
         }, {
        "x": 1,
        "y": 1,
        "z": 1,
        "i": "chart3 "
    }
]

array2 = [{
        "x": 1,
        "y": 1,
        "z": 1,
        "i": "chart1"
        }, {
        "x": 0,
        "y": 1,
        "z": 1,
        "i": "chart2"
        }, {
        "x": 0,
        "y": 2,
        "z": 1,
        "i": "chart3"
    }
]

比较array1和array2 x和y ，如果相等，则找到位置并返回 i 值的数组集合。

即在上述情况下它应该返回：

array3=["chart2","chart3","chart1"]

我有一个 json 如下：

json = [{
        "visType:" bar "," visName ":" chart1 "},{" visType: "bar",
        "visName": "chart2"
    }, {
        "visType:" Pie "," visName ":" chart3 "}]

这需要根据array3 = ["chart2","chart3","chart1"]进行排序，输出应该与更新的 json 一样

updatedjson = [{
        "visType:" bar "," visName ":" chart2 "},{" visType: "Pie",
        "visName": "chart3"
    }, {
        "visType:" bar "," visName ":" chart1 "}]

我需要使用lodash或javascript的解决方案。

Answer 1

const array3 = [...array1, ...array2].filter(({x,y}) => x===y);
const updatedjson = array3.map(({i}) => json.find(({visName}) => i === visName));

编辑：修复了充满语法错误的输入数据：

var array1 = [{ "x": 0, "y": 1, "z": 1, "i": "chart1" }, { "x": 0, "y": 2, "z": 1, "i": "chart2" }, { "x": 1, "y": 1, "z": 1, "i": "chart3" }];
var array2 = [{ "x": 1, "y": 1, "z": 1, "i": "chart1" }, { "x": 0, "y": 1, "z": 1, "i": "chart2" }, { "x": 0, "y": 2, "z": 1, "i": "chart3" }];

var json = [
    { "visType": "bar", "visName": "chart1" },
    { "visType": "bar", "visName": "chart2" },
    { "visType": "Pie", "visName": "chart3" }
];

const array3 = [...array1, ...array2].filter(({ x, y }) => x === y);
const updatedjson = array3.map(({ i }) => json.find(({ visName }) => i === visName));
console.log(array3);
console.log(updatedjson);