Remove Null or Undefined Values from Object in Javascript - Đôi lúc ta muốn xóa dữ liệu bẩn bao gồm null or undefined trong dữ liệu trả về thì có thể sử dụng Object.keys() để xử lý đơn giản như sau.
Regex phone number vietnam. Chỉ với một số dòng lệnh sau, chúng ta có thể check number phone Việt Nam một cách chính xác và nhanh chóng.
Flatten JavaScript object chính là biến hóa keys và values trong Object đó trở thành một Object có chiều sâu hay còn gọi là deep Object. Ngoài đệ quy thì chúng ta còn cách sau.
So sánh 2 ngày trong javascript, đây là một bài viết nhỏ nhỏ và để tôi kể cho các anh chị nghe một tình huống về một bạn cũng có exp 1 năm rồi, chú ý bài viết chỉ tips khắc phục không có ý định cười. Vì tôi cũng một thời như thế
JavaScript cung cấp ba methods object sau đây để đáp ứng tất cả các trường hợp này một cách dễ dàng, và trong bài viết này chúng ta sẽ giải thích qua ví dụ cụ thể. Đó là 3 phương thức Object.freeze(), Object.preventExtension() và Object.seal()
StructuredClone là một tính năng cho phép những lập trình viên có thể sử dụng để deep-copying. Nhằm thay thế cho các phương pháp cũ như sử dụng object spread operator
Một ví dụ cho bạn thấy đúng là JavaScript có nhiều tính năng mà chúng ta chưa phát hiện và sử dụng hằng ngày. Nó có thể rất mới những người bắt đầu học javascript nhưng tôi nghĩ cũng khá nhiều anh em không biết tính năng này trong đó có mình.
Tình huống này xảy ra khá nhiều giữa backEnd và frontEnd khi gọi truy vấn thông qua API RESTful. Bởi vì quy định khi làm việc với `API RESTful` thì quan trọng phải giới hạn các trường trả về thông qua API, lý do là giảm thiểu lưu lượng mạng và tăng tốc độ sử dụng API của chính họ.
ES12 chưa qua thì ES2022/ES13 đã tới, nó quá nhanh và nguy hiểm. Bởi kỹ thuật luôn vậy sự đổi mới diễn ra hằng ngày, là những lập trình viên vẫn ngồi yên tại chỗ, họ không di chuyển đôi chân nhưng đầu óc của họ luôn chuyển động.
Object copy vs Array copy javascript nhìn qua rất dễ thực hiện bạn chỉ cần sử dụng clone Object với object.assign() và clone Array với Array.from() là xong. Nhưng đó là không phải cách chính xác, vì sao nó sai? Và làm thế nào cho đúng? Hãy xem ví dụ sau đây.
Không cần phải thêm những ví dụ nào nữa để thấy rằng việc sử dụng destructuring và spread operator trong javascript là điều cần thiết. Nhưng thật sự nó rất mạnh mẽ và tỷ luôn được sử dụng cao. Những con số đã chứng minh điều đó.
Switch case trong Javascript được tô vẽ nhiều trong những khoá học hay còn trong nhà trường. Nhưng ở thực tế rất ít khi chúng được sử dụng ở những lập trình viên có nhiều năm kinh nghiệm. Không phải vì nó không hay mà chính là vì.
Trong bài viết hướng dẫn sử dụng về map in javascript, thuộc Series - Mẹo javascript này chúng ta sẽ tìm hiểu Maps trong javascript là gì?, cách tạo và sử dụng map như thế nào?
Một trong những đề xuất mới ở giai đoạn 3 TC39 thú vị là Object.has hoặc Object.hasOwn. Điều này sẽ cung cấp cho các nhà phát triển một cách viết tắt thuận tiện....
Việc sử dụng shorthand coding đương nhiên là được trú trọng nhiều trong mỗi lập trình viên, vì nó giúp chúng ta tiết kiệm được nhiều thời gian gõ code, tất nhiên là việc debug cũng dễ dàng hơn. Bài viết này sẽ giới thiệu 10 kỹ thuật viết code nhanh và gọn được sử dụng nhiều đối với tôi.
Thứ 7 dạo qua một vòng trên reddit thì thấy có một bài post "Multiple condition checking JavaScript" có rất nhiều lập trình viên quan tâm chủ để này, mình đưa lên đây xem anh em có ý kiến gì không?
Ai mà hay đọc medium.com hay dev.to thì thấy mỗi bài viết của họ để số phút đọc của bài viết. ý tưởng này cũng hay, nhìn vào là biết á bài này nhiều quá. Thôi bỏ.
Toán tử trong javascript chủ yếu được sử dụng để thực hiện các hoạt động trong ứng dụng. Có rất nhiều javascript operators như toán tử số học, gán, chuỗi ...
Task queue and event loop - Khi JavaScript đang chạy, ngoài một luồng chính đang chạy, engine cũng cung cấp một hàng đợi tác vụ, chứa các tác vụ không đồng bộ khác nhau cần được xử lý bởi chương trình hiện tại.
Sau một thời gian sử dụng javascript thì tôi biết có nhiều bạn vẫn đang đi tìm câu hỏi này giống như mà tôi đã đi tim cách đây nhiều năm khi mới học về javascript.
Hôm nay, Tipjs đề xuất 10 dự án tài nguyên học tập javascript hàng đầu có mức tăng trưởng mạnh nhất và tăng lương nhiều nhất.
Đang ngồi làm việc thì một bạn qua hỏi, Anh ơi có API nào mà kiểm tra được người dùng có tương tác trên web của mình trong thời gian mình đặt không Anh?
Chính vì JavaScript được dự đoán là chiếm lĩnh nhiều nhất trong các dự án, vì vậy các tính năng được đề xuất liên tục nhất là về các operators, syntax constructions, expressions...
Object.is() có nhiệm vụ so sánh hai đối tượng có bằng nhau hay không? Trước đây thì có toán tử == và ===, hầu hết lập trình viện thời nay đều quen thuộc với toán tử ===
Thông qua một câu hỏi của một bạn dấu mặt, và đọc xong những câu trả lời của các lập trình viên trên Tips Javascript thì tốt nhất chúng ta nên thảo luận và tìm hiểu lại cách hoạt động của ... operator.
Anh ta có phải là một lập trình viên tốt không? Đây là một câu hỏi có thể nói là rất quan trọng của những người quản lý hay còn gọi là PM. Hoặc có thể người đóng vai trò trong phỏng vấn nếu có nhiều thời gian.
Dù năm mới đã trôi qua được vài tháng nhưng năm 2020 vẫn chưa phải là một kết cục có thể nói trước được, ngành lập trình luôn thay đổi và dự báo chưa bao giờ dừng lại. Đồng thời, là một nhà phát triển phần mềm, việc tồn tại không hề dễ dàng. Chính vì vậy hay xem mình định hướng thế nào trong năm 2021
Rest parameter vs Speard operator - Thông qua một câu hỏi của một bạn dấu mặt, và đọc xong những câu trả lời của các lập trình viên trên Tips Javascript thì tốt nhất chúng ta nên thảo luận và tìm hiểu lại cách hoạt động của ... operator.
Nhiều công ty và tổ chức đã tổ chức các hướng dẫn về phong cách của họ. Nội dung sau đây chủ yếu đề cập đến các hướng dẫn về phong cách JavaScript của Airbnb.
Firework effect website - Tết nhất đến rồi, các thành phố lớn như Hà Nội hay TP Hồ Chí Minh đều bắn pháo hoa chào mừng tết cổ truyền. Với một lập trình viên thì tạo ra những sự kiện này thì không quá khó. Thử viết một sự kiện với javascript để bắn pháo hoa trên bất kỳ website nào mong muốn.
JSON (JavaScript Object Notation) được sử dụng rộng rãi trong việc chia sẻ dữ liệu với nhiều ngôn ngữ khác nhau. Nhờ tính đồng nhất và đơn giản trong việc xử lý dữ liệu.
isNaN và Number.isNaN trong javascript gây nhiều nhầm lẫn cho các devjs mới thậm chí là những devjs có nhiều kinh nghiệm. Nếu bạn trả lời câu hỏi này một các rành mạch thì không cần đọc bài viết này nữa, ngược lại thì bạn nên dành thời gian tìm hiểu isNaN trong javascript là gì?
Kiểu dữ liệu javascript là có 8 kiểu dữ liệu trong đó có 7 kiểu dữ liệu cơ bản hay còn gọi là Kiểu dữ liệu nguyên thủy trong JavaScript, và một kiểu đó là kiểu tham chiếu. Ở đây chúng ta cùng giải thích các kiểu dữ liệu một cách rõ rằng nhất. Và nó là một trong 66 khái niệm mà đã được đưa ra cho quy trình học javascript.
Domcontentloaded là gì? Với một ví dụ với 100.000 dữ liệu cần hiện thị trên web thì bạn sẽ phân biệt và hiểu Domcontentloaded Event, đừng lo lắng.
Tối ưu hoá hình ảnh là một thủ thuật làm cho ứng dụng nhanh hơn, giúp cho người dùng có một cách trải nghiệm mượt mà và ít tốn dung lượng 4G hay 5G nhất có thể. Và khái niệm tối ưu hoá hình ảnh cũng nằm trong 24 đề xuất tối ưu hoá hệ thống được các chuyên gia Front-End đưa ra. Và bài viết này, với 6 cách được đưa ra, hy vọng bạn sẽ có một cách làm cho riêng mình.
Nullish coalescing Operator chính là toán tử ?? được giới thiệu trong ES2020 cách đây không lâu. Nhưng sự hiện diện của ?? làm cho toán tử || đặt ra nhiều nghi vấn. Và có nhiều lập trình viên cho rằng đáng lẽ ra chức năng này phải ra sớm hơn chứ không phải chờ đến ES2020.
Speech Recognition API - Trên thực tế có hai loại API trong HTML5 về Web Speech đó là (Speech Recognition) và loại còn lại là (Speech Synthesis). Hai thuật ngữ này nghe có vẻ rất cao siêu, nhưng trên thực tế cả hai api này đề cập đến "lời nói thành văn bản" và "văn bản thành lời nói". Nó chỉ vậy mà thôi.
Đôi khi chúng ta muốn sử dụng một điều kiện nào đó để tìm xem có phần tử nào trong mảng thỏa mãn điều kiện thay đổi hay không, rồi trả về phần tử hoặc giá trị chỉ số của phần tử. Javascript cung cấp cho chúng ta nhiều phương thức khác nhau, chủ yếu được chia thành tìm kiếm theo giá trị và tìm kiếm theo điều kiện nhất định. Bài viết này giới thiệu các phương pháp này.
Lỗi access-control-allow-origin và cách khắc phục trong express, nodejs
How to Remove Array Duplicates in ES6. Có những câu hỏi tôi thường thấy trên những diễn đàn như reddit hay stackoverflow vấn đề làm sao để loại bỏ những phần tử trùng nhau trong array một cách nhanh gọn mà không làm code của bạn rối tung lên. Sau đây bài viết sẽ giúp bạn làm được điều đó với 6 cách loại bỏ phần tử trùng lặp.
Lập trình javascript là quá trình học và hiểu. Hiểu ở đây, không phải là để code chạy đúng là xong, còn nhanh chậm hay code khó đọc cho những người khác thì không quan tâm. Đó là sai lầm lớn nhất trong nghề lập trình. Trong code của bạn, điều quan trọng nhất có ba yếu tố đó là.
Map vs Set ES6. Bạn đã bao giờ chán học về ES6? Bởi vì ES6 đã có quá nhiều lời bàn tán về những tính năng, cách sử dụng... Với tôi, tôi chưa hề chán. Bởi vì tôi biết rằng rằng có rất nhiều API thường được sử dụng trong ES6, không hơn, không kém và chúng chỉ phù hợp để sử dụng trong các dự án.
Làm việc với array trong javascript không tránh khỏi những lúc chúng ta phải clone array hay copy array trong code của mỗi lập trình viên javascript. Để sao chép một mảng không phải là khó nhưng việc copy một array gây ra nhiều lỗi nhất, vì nó liên quan đến việc tham chiếu tới array gốc.
Check object empty js. Một bài viết trình bày 6 cách để kiểm tra object rỗng trong JavaScript dành cho những bạn mới tập làm quen lập trình với JavaScript thông qua object. Ở bài viết này thì bạn sẽ được giới thiệu về object trong JavaScript thông qua những cách làm sử dụng es5 và es6.
Debounce javascript và throttle không phải là hai khái niệm duy nhất trong javascript giúp tối ưu hoá người dùng và cải thiện performance của ứng dụng hay website của chúng ta. Nhưng nếu như bạn là một developer mà không biết hai tính năng này thì có thể bạn đã bỏ lỡ một kiến thức rất quan trọng, và có thể rớt ngay vòng 1 của buổi phỏng vấn.
Bạn có viết có nhiều tính năng để làm việc với Arrays và Objects kể từ khi ES6 ra đời. Có thể kể đến một vài tính năng như Destructuring, Rest Parameters, và Spread Syntax. Những tính năng này giúp bạn làm việc với các cấu trúc dữ liệu nhanh và gọn hơn.
Map là gì? Nghe có vẻ đơn giản, vì mỗi lập trình viên đều nghe về "map" rất nhiều. Nhưng để hiểu nó thì cũng không phải đơn giản, vậy trong bài viết này, tipjs sẽ cùng các bạn tìm hiểu về Map và Object là gì? Và khi nào nên sử dụng chúng? Và quan trọng hơn là performance giữa chúng như thế nào?
Convert object to array javascript - Một câu hỏi tuy đơn giản nhưng đây là một câu hỏi với số lượng search trên google tại Việt Nam lên đến gần 300 lượt mỗi tháng. Điều đó có nghĩa là nhu cầu sử dụng array trong javascript rất nhiều. Vì thế, tipjs sẽ giới thiệu một số cách chuyển từ object sang array javascript.
Object javascript là gì? Thật ra hầu hết mọi thứ trong javascript đều là object. Nhưng ở bài post này thì, chúng ta sẽ tìm hiểu những method object được sử dụng nhiều và rộng rãi nhất, đến nỗi dự án nào cũng phải sử dụng đến.
parseurl javascript - Là một cụm từ mang ý nghĩa get tất cả params có trên url về thành một object, để sử dụng cho việc lập trình. Dạo gần đây, tôi có làm việc với một API đó là hệ thống paymentwall. Một hệ thống tài chính thế giới. Và rắc rối nảy sinh từ đây. Hãy xem nhé.
Với một developer javascript (devjs) trong một thời gian làm việc thì sẽ biết được rằng object trong JavaScript là mutable. Bất kể bạn đã định nghĩa và khai báo chúng với const, nhưng điều đó không có nghĩa rằng object đó là immutable. Trước đây, chúng tôi có trình bày một tipjs đó là "Unison const và Object.freeze()"
Sử dụng Array.prototype.every() và Object.prototype.hasOwnProperty() tìm những giá trị tồn tại có trong một object, nếu ngươc lại thì return false.
Dự trên key cho trước tương ứng với một object, hãy tìm value của key đó. Sử dụng Object.values(obj) và Array.prototype.reduce()
Creates a deep clone of an object using Object.assign(), Object.keys() and Array.prototype.forEach()
Sử dụng method Array.prototype.reduce() từ Object.entries(queryParameters) để tạo một String query. Xác định những ký hiệu bắt đầu là ? và tiếp theo & để tạo thành một queryString.Cuối cùng thì return về một queryString nếu những tham sô trong object bị fales thì sẽ return về query rỗng.
Nói về iterate trong javascript có rất nhiều cách để chúng ta có thể làm được điều đó như for, for ... in, for ... of. Thậm chí là reduce()... Nhưng bạn có biết vì sao javascript lại cung cấp nhiều method đến vậy, và nó có sự khác biệt gì. Trong bài viết này, chúng ta sẽ làm rõ những điều mà có thể bạn chưa hề biết.
Trong javascript có nhiều cách javascript remove element from array. Có nhiều cách ta đã biết từ lâu, nhưng cũng nên học thêm những cách khác như, remove item in array javascript es6, hay remove object in array javascript, hoặc có thể remove element from array by index or value. Nếu chúng ta biết trước index or value.
Javascript foreach object. Có thể các bạn đã quen với việc loop in an array nhưng với object thì có muôn vàn vấn đề như javascript foreach object property hay javascript foreach object entries.
Là một developer JavaScript, bạn thường sẽ thường xuyên gặp trường hợp này, và thay vì search trên google cách chuyển một object thành một query string parameters, thì trong bài này chúng ta sẽ đi lướt qua những cách nhanh và hiệu quả nhất.
Array trong JavaScript. Ở bài viết trước chúng ta đã biết sử dụng array khi nào? và những method của array mà mỗi developer javascript phải biết. Thì hôm nay tôi sẽ recommented cho bạn một số cách có thể giúp bạn xử lý tốt hơn trước kia.
Khái niệm cần hiểu trong lập trình javascript - Cho dù bạn đang ở level nào của một developer thì những khái nhiệm cơ bản cũng đóng vai trò quan trọng. Cho nên dễ hiểu tại sao, những nhà developer js luôn có những hướng dẫn cơ bản về những khái niệm cơ bản.
Array method trong javascript. Ngôn ngữ nào cũng vậy, phải nắm những chức năng quan trọng để giải quyết nhanh hơn chư không riêng gì về javascript. Giờ đây qua bài viết này các bạn lịa co thể trang bị thêm cho mình những bí kíp tuy nhỏ nhưng võ công lại thượng thừa.