JavaScript nhóm hai mảng

Trong bài đăng này, bạn sẽ học cách nhóm một mảng các đối tượng với phương thức Array.prototype.group sắp tới

Gần đây tôi có yêu cầu nhóm một mảng các đối tượng theo một thuộc tính và giống như bất kỳ nhà phát triển giỏi nào - tôi muốn khám phá các tiêu chuẩn ECMAScript sắp tới để xem có gì mới không

Nó đã làm…

Array.prototype.group sắp ra mắt, hiện đang ở Giai đoạn 3 trong đề xuất ECMAScript và là một chức năng tiện ích tuyệt vời để dễ dàng thêm chức năng “nhóm theo” vào cấu trúc dữ liệu của bạn

Giả sử cấu trúc dữ liệu cơ bản sau đây và lưu ý thuộc tính type

const data = [
  { type: 'food', name: 'Pizza' },
  { type: 'drink', name: 'Coffee' },
  { type: 'food', name: 'Hot Dog' }
];

Chúng tôi có hai giá trị, 'food' và 'drink'. Lý tưởng nhất là chúng tôi sẽ kết xuất chúng riêng lẻ, có lẽ chuyển đến một chức năng hoặc thành phần kết xuất riêng biệt

Đây sẽ là những gì chúng tôi muốn tạo ra

const result = {
  food: [
    { type: 'food', name: 'Pizza' },
    { type: 'food', name: 'Hot Dog' }
  ],
  drink: [
    { type: 'drink', name: 'Coffee' }
  ]
}

Vì vậy, làm thế nào chúng ta có thể làm điều đó?

const data = [
  { type: 'food', name: 'Pizza' },
  { type: 'drink', name: 'Coffee' },
  { type: 'food', name: 'Hot Dog' }
];
const result = data.group[[item] => item.type];

// ✅ { food: [ { type: 'food', name: 'Pizza' }, { type: 'food', name: 'Hot Dog' } ], drink: [ { type: 'drink', name: 'Coffee' } ] }
console.log[result];

Khi kết hợp với một số phá hủy đối tượng, mọi thứ thậm chí còn trở nên hợp lý và thanh lịch hơn

const data = [
  { type: 'food', name: 'Pizza' },
  { type: 'drink', name: 'Coffee' },
  { type: 'food', name: 'Hot Dog' }
];
const { food, drink } = data.group[[item] => item.type];

// ✅ [{ type: 'food', name: 'Pizza' }, { type: 'food', name: 'Hot Dog' }]
console.log[food];
// ✅ [{ type: 'drink', name: 'Coffee' }]
console.log[drink]; 

Muốn tiến xa hơn? . Nó bao gồm một chức năng chuyên sâu 'xây dựng của riêng bạn' sẽ giúp bạn tìm hiểu những gì đang xảy ra đằng sau hậu trường

🏆P. S. hãy xem các khóa học JavaScript mới nhất của tôi nếu bạn nghiêm túc muốn nâng cao kỹ năng của mình

Làm cách nào để kết hợp 2 mảng trong js?

Phương thức concat[] nối [nối] hai hoặc nhiều mảng. Phương thức concat[] trả về một mảng mới, chứa các mảng đã nối. Phương thức concat[] không thay đổi các mảng hiện có.

Làm cách nào để nhóm một mảng trong JavaScript?

Phương thức groupToMap[] nhóm các phần tử trong một mảng bằng cách sử dụng các giá trị được trả về bởi hàm gọi lại của nó . Nó trả về một Bản đồ với các giá trị duy nhất từ ​​hàm gọi lại dưới dạng các khóa, có thể được sử dụng để truy cập mảng các phần tử trong mỗi nhóm.

Làm cách nào để tham gia 3 mảng trong JavaScript?

Ba cách để kết hợp mảng trong JavaScript .

Concat[] Cách cơ bản nhất là sử dụng phương thức concat[]. .

Sử dụng Toán tử trải rộng [Phím tắt ES6] Bây giờ, phương pháp thứ hai giống như một phím tắt; . .

Hợp nhất các mảng với Push

Làm cách nào để tạo một nhóm trong JavaScript?

Nhóm bảng điều khiển[] .

Ví dụ. Tạo một nhóm tin nhắn trong bảng điều khiển. bảng điều khiển. log["Xin chào thế giới. " ]; bảng điều khiển. tập đoàn[]; . .

Kết thúc một nhóm với bảng điều khiển. nhómEnd[]. bảng điều khiển. log["Xin chào thế giới. " ]; bảng điều khiển. tập đoàn[]; . .

Chỉ định nhãn cho nhóm. bảng điều khiển. log["Xin chào thế giới. " ]; bảng điều khiển. nhóm["MyLabel"];