7 mẹo trong JavaScript cực kỳ hữu ích bạn nên biết

Created: 17/03/2023 09:38

Updated: 22/09/2025 22:55

6 min read

4 views

Tags:

Tôi sẽ giả sử tôi đang là một người bán hàng. Và tôi sẽ sử dụng các kỹ thuật trong Javascript để có thể cải thiện hiệu quả công việc bán hàng nha.

🔄️ Hoán đổi các biến

Trong một cách thông thường, bạn sẽ hoán đổi dữ liệu 2 biến như thế nào? Hẳn là bạn sẽ sử dụng một biến tạm để có thể trao đổi như ví dụ dưới đây, tôi có một chiếc bánh hamburger và bạn có sô cô la, chúng ta có thể đổi đồ ăn được không?

javascript

Tuy nhiên với Javascript, bạn có thế hoán đổi hai hoặc nhiều biến khác nhau mà không cần dùng một biến tạm nữa. Và cách giải quyết này rất là đơn giản luôn.

javascript

Thấy chứ. Dễ quá đúng không nào ? 😁

☢️ Hãy ngừng viết if…else đi

Hãy cho rằng tôi cần tra cứu giá của một loại thực phẩm theo tên của nó. Và tôi sẽ sử dụng if...else để có thể so sánh. Nhưng nếu đống thực phẩm đó tận hơn 100 sản phẩm. Tôi nghỉ sẽ hơi mỏi tay đấy. 😕

Đây là đoạn code ví dụ:

javascript

Hoặc tôi có thể loại bỏ những dòng if...else vô nghĩa này. Và sử dụng một object để có thể lưu đống thực phẩm này lại và truy cập nhanh hơn.

javascript

Chà !!! Nhìn đi. Dễ hiểu đúng không nào 👌

💡 Sử dụng Object.entries một cách thông minh

Bây giờ nếu bạn kinh doanh thêm một sản phẩm trong cửa hàng của mình. Bạn sẽ thêm tên và giá của nó vào đúng không ?

javascript

Dưới đây là cách in ra giá của các sản phẩm đó. Và đáng tiếc rằng 🌭 cũng được in ra, đúng ra nó không nên ở đó

javascript

Cách hiệu quả hơn trong trường hợp này

Khi sử dụng Object.entries ta có thể hai điểm mạnh đó là:

Thuộc tính trên object prototypes không được in ra

Ta có thể lấy được key và value trực tiếp, thay vì phải sử dụng obj[key]

javascript

🦀 Làm phẳng một mảng

Tôi đã không dọn dẹp thức ăn của mình trong một thời gian. Chúng được sắp xếp trong nhiều giỏ và đó là một chút lộn xộn, làm thế nào tôi có thể đặt chúng vào một giỏ?

javascript

Cách đầu tiên tôi sẽ sử dụng

javascript

Cách thứ hay tôi hay sử dụng

Cách trên tôi cảm thấy quá phức tạp và khiến tôi trầm cảm, tôi nghĩ nên có một cách đơn giản hơn.

Trong mdn web docs, phương thức flat() tạo một mảng mới với các tất cả các phần tử của mảng con được nổi vào đó bằng sử dụng đệ quy cho đến độ sâu chỉ định.

javascript

🧮 Tính tổng giá cả hàng hoá

Hiện tại, một trong những khách hàng của tôi đã mua một lượng lớn thực phẩm và tôi cần tính chính xác số tiền anh ta sẽ trả cho tôi. Đó là rất nhiều tiền.

Cách đầu tiên

javascript

Cách mà tôi sẽ sử dụng

Trên thực tế reduce() có thể nhanh chóng giúp tôi lấy được tiền, nó khiến mọi thứ trông thật đơn giản và hài hòa, chỉ cần một dòng mã là xong.

javascript

📑 Sử dụng “console.table()”

Tôi thường sử dụng console.log() để in một số thông tin, nhưng nó không rõ ràng và ngắn gọn như bảng.

javascript

Tại sao ta lại không thử console.table()

Quào, nó thật trực quan, đơn giản và rõ ràng.

↗️ Thủ thuật làm tròn

Để trả lại cho người tiêu dùng, hôm nay cửa hàng của chúng tôi đang thực hiện chương trình khuyến mãi giảm giá tất cả thực phẩm và xóa số thập phân, tôi cần sử dụng Math.floor()để tính giá cuối cùng của thực phẩm.

Vậy có cách nào đơn giản hơn không? Thật ra là có đó là sử dụng toán tử ~~. Bạn xem chi tiết tại đây.

javascript

🌟 Kết thúc

Qua những mẹo mà mình hướng dẫn cho các bạn, mong các bạn sẽ hiểu hơn và có thể áp dụng vào trong dự án của các bạn. See yah 🤌.

code knowledge

Mã hóa là gì? Người ta đã mã hóa văn bản như thế nào?

1 min read

7 views

16/02/2023 10:45

Cùng tìm hiểu nhé

code algorithm quick-sort javascript

Viết thuật toán sắp xếp nhanh (Quick Sort Algorithm) bằng JavaScript

1 min read

3 views

16/03/2023 20:37

Trong hướng dẫn này, bạn sẽ học cách viết thuật toán sắp xếp nhanh (Quick Sort Algorithm) bằng JavaScript và khám phá các khái niệm chính đằng sau thuật toán.

vscode tutorial chatgpt code

Sử dụng ChatGPT vào Visual Studio Code nhờ Extension này

1 min read

3 views

03/03/2023 15:00

Sử dụng ChatGPT để hỗ trợ việc code của bạn ngay trong VSCode một cách hiệu quả