Nhận mục duy nhất từ ​​hai mảng khác nhau trong JavaScript

Chúng tôi bắt buộc phải tạo một hàm chấp nhận một mảng mảng và trả về một mảng mới với tất cả các phần tử có trong mảng mảng ban đầu nhưng loại bỏ các mục trùng lặp.

Ví dụ - Nếu đầu vào là -

const arr = [
   [12, 45, 65, 76, 76, 87, 98],
   [54, 65, 98, 23, 78, 9, 1, 3],
   [87, 98, 3, 2, 123, 877, 22, 5, 23, 67]
];

Sau đó, đầu ra phải là một mảng các phần tử duy nhất như thế này -

[
   12, 45, 54, 78, 9,
   1, 2, 123, 877, 22,
   5, 67
]

Ví dụ

const arr = [
   [12, 45, 65, 76, 76, 87, 98],
   [54, 65, 98, 23, 78, 9, 1, 3],
   [87, 98, 3, 2, 123, 877, 22, 5, 23, 67]
];
const getUnique = (arr) => {
   const newArray = [];
   arr.forEach((el) => newArray.push(...el));
   return newArray.filter((item, index) => {
      return newArray.indexOf(item) === newArray.lastIndexOf(item);
   });
};
console.log(getUnique(arr));

Đầu ra

Đầu ra trong bảng điều khiển sẽ là -

[
   12, 45, 54, 78, 9,
   1, 2, 123, 877, 22,
   5, 67
]