Hướng dẫn học thuật toán javascript
Hôm nay mình sẽ giới thiệu với các bạn một số những tips và tricks để giúp bạn code Javascript một cách hiệu quả cũng như "ngầu hơn" giúp tăng năng suất và hiệu quả công việc. :D Bắt đầu nhé. Show
Nhắc đến Front-end chắc chắn không thể bỏ qua được Javascript, một ngôn ngữ mà được đánh giá là khó và cực kì "hack não" nhất là đối với các anh em mới vào nghề. Tuy vậy, không thể phủ nhận được sức mạnh của Javascript đối với Front-end được. Và đây là các thủ thuật hỗ trợ đắc lực cho các lập trình viên khi sử dụng ngôn ngữ này. 1. Loại bỏ các phần tử trùng lặp trong mảngCác bạn có 1 mảng gồm nhiều phần tử nhưng có 1 vài phần tử bị trùng lặp, bạn không muốn sự xuất hiện của các phần tử trùng lặp đó? Thuật toán bình thường và dễ nhất đó là tạo 1 mảng mới rồi duyệt lần lượt mảng cũ, tại mỗi phần tử kiểm tra xem có trong mảng mới chưa, nếu chưa có thì push vào,
có rồi thì bỏ qua. Hmm, cũng khá là đơn giản nhỉ, nhưng chúng ta có 1 cách khác còn nhanh hơn rất nhiều. Bằng cách sử dụng
Chú
ý là cách này chỉ áp dụng cho mảng gồm các kiểu dữ liệu nguyên thủy ( 2. Loại bỏ các falsy values trong 1 mảng.
Ngược lại với nó thì ta có khái niệm
Giả sử ta có 1 mảng ban đầu gồm có các
3. Viết biểu thức điều kiện một cách ngắn gọn và mạnh mẽ hơn.Ví dụ 1 đoạn code như sau:
Nhưng thay vì dùng if, các bạn có thể sử dụng
Hoặc:
Có 1 cách khác đó là sử dụng toán tử Giải thích về 2 toán tử Với 1 chuỗi các lựa chọn thì Ví dụ:
Ngược lại với Ví dụ:
Có thể viết lại biểu thức ở ví dụ đầu tiên như sau:
Trông có vẻ cũng không khác nhau mấy nhỉ. Vậy thì hãy xét các ví dụ khác xem sao. Ví dụ:
Ta có thể viết lại 1 cách ngắn gọn hơn như sau:
Nếu Sử dụng kết hợp ví dụ:
với cách sử dụng như trên, bất cứ khi nào 1 trong số các toán tử ở phía trước dấu Ngoài ra có 1 cách viết ngắn gọn hơn cho cách trên đó là sử dụng Viết lại ví dụ trên sử dụng
Có thể nhiều bạn sẽ thắc mắc về toán tử 1 ví dụ cụ thể cho thấy sự khác nhau giữa || và ??.
Ở đây thì 0 là 1 Các
bạn có thể tìm hiểu rõ hơn về 4. Chuyển xâu về sốChuyển 1 xâu về số có thể được thực hiện một cách nhanh chóng bằng việc sử dụng toán tử cộng
Ngoài ra nó cũng có thể được sử dụng thể chuyển giá trị
Có 1 cách khác nữa là sử dụng Về bản
chất thì nếu 1 dấu Ví dụ: Khi sử dụng 2 dấu
Ngoài ra có 1 điều khá thú vị đó là: Cá nhân mình thì thấy sử dụng Vì toán tử Nhưng có điểm yếu là việc với xâu dạng số,
5. Xáo trộn mảng
6. Sử dụng biến làm thuộc tính của objectVí dụ:
Với cách này, các bạn có thể thay đổi tên thuộc tính của object 1 cách tùy ý dựa theo 1 biến bên ngoài. 7. Object To Array
8. Reset ArrayBạn muốn xóa toàn bộ dữ liệu của 1 mảng 1 cách nhanh chóng và dễ dàng? Cực kì đơn giản, chỉ cần 1 câu lệnh sau:
9. Tráo đổi giá trị của 2 biến.
10. Hợp nhất nhiều objects vào 1 object duy nhất
Chú ý là khi hợp nhất các objects, nếu trong trường hợp có 2 (hoặc nhiều) objects có cùng thuộc tính thì giá trị của thuộc tính đó sẽ là giá trị gán với thuộc tính của object được hợp nhất sau cùng. Ví dụ:
Lời kếtTrên đây mình đã giới thiệu với các bạn 1 số tips và tricks trong Javascript mà mình thấy rất hữu ích. Dù có nhiều ý kiến trái chiều về việc có nên sử dụng 1 số tips và tricks trong bài hay không tuy nhiên cá nhân mình thấy chúng vẫn là những thủ thuật rất hay và có thể được áp dụng vào thực tế đương nhiên là phải biết vận dụng chính xác. :D Mong nhận được ý kiến phản hồi và góp ý từ các bạn. Nguồn tham khảo: Stackoverflow.com / Dev.to / Medium.com / Javascript.info |