Những tính năng JavaScript hiện đại nên sử dụng hàng ngày, để giải quyết tốt(P2)

Xin chào! Tôi là Anony Stick. Rất vui khi các bạn đã đọc những bài viết trên blog này. Tôi tạo ra blog này không mang tính chất thương mại mà cái tôi muốn là chia sẻ lại những giai đoạn khó khăn và những vấn đề mà tôi đã từng gặp và giải quyết khi tôi còn tham gia các dự án trong nhiều Công ty. Và những bài viết này tôi mong rằng nó sẽ giúp bạn hiểu sâu hơn về ngôn ngữ mà mỗi bạn lập trình đều phải trải qua. Không ai tài giỏi, không ai có thể hiểu sâu và rộng hết tất cả kiến thức vậy cho nên tôi cũng mong rằng các bạn hãy chia sẻ và góp ý về anonystick@gmail.com. Cảm ơn các bạn đã theo dõi và ủng hộ trong thời gian qua. Xin cảm ơn!


Trước khi các bạn đọc bài này thì tôi nghĩ các bạn cũng nên lướt qua phần 1 để làm nền tảng hiểu thêm phần hai:


Những chức năng hữu ích trong javascript dành cho các bạn mới bắt đầu phần 1


Map, Map, Map không mới lạ cho những ai hay sử dụng để nắm giữ key-value. Nhưng để sự dụng thức tế thì không hẳn ai cũng biết sử dụng.
Nó rất hiệu quả trong việc store data.

Lan man làm gì chúng ta bắt đầu một ví dụ sau: 

Khai báo một Array:

const peopleArray = [
     { id: 123, name: "Quang Hai", age: 23 },
     { id: 456, name: "Cong Phuong", age: 23 },
     { id: 789, name: "Dinh Trong", age: 23 },
     { id: 101, name: "Ngoc Hai", age: 23 },
     { id: 102, name: "Son Tung", age: 23 }
]

Now, chúng ta muốn tìm một object có id là 101. Sẽ có nhiều cách để lấy, và dưới đây là một số cách:

Cách 1 : 

Cach 2: 


Đó là 2 cách chủ yếu mà các Dev hiện nay đang xài, thế nhưng hầu hết các Dev không biết rằng Map cũng có thể giải quyết việc này một cách rất êm đẹp.
Ta thử tìm hiểu:

1 - convert our data to a map
2 - create a people map
3 - select a person by the key

Sử dụng Map: 


Đương nhiên đây là một ví dụ để cho chúng ta thấy Map có thể giải quyết được vấn đề này, ngoài ra MDN cung cấp cho ta nhiều tính năng tuyệt vời hơn nữa khi sử dụng Map.  Các dev có thể  đọc và tìm hiểu thêm về Maps Tại đây 

Ngoài ra khi nào sử dụng Map đó mới là điều quan trọng, ở phần 3 tôi sẽ nói rõ điều này cho chúng ta biết.


Phần 3 sẽ tiếp tục ....