JavaScript Webtips

To filter an array of objects in JavaScript by any property, we can use the Array.filter method in a helper function in the following way... Learn more at https://www.webtips.dev/webtips/javascript/filter-array-of-objects

Do you want to concatenate an array of strings in JavaScript in a language-specific way? You can use the ListFormat method of an Intl. #javascript #webtips 📖 Learn more on https://www.webtips.dev/webtips/javascript/format-lists-in-javascript

You can change the event propagation mode on addEventListener with a third param. If you register the same event for parent-child and you want the parent to catch the event first, you can use capturing by passing true

To add styles to an element in vanilla JavaScript, you can either use style[property], style.cssText, create a style tag, or use a helper function. #javascript #css #webtips Learn more at https://www.webtips.dev/webtips/javascript/add-styles-to-element-in-vanilla-javascript

There are various ways to check if a key exists in an object in JavaScript. How many of them do you know?

Using the Date object in JavaScript, you can easily get the date of tomorrow, today or even yesterday. Check how you can also easily format your dates with one return statement: https://www.webtips.dev/webtips/javascript/how-to-get-the-date-of-tomorrow-in-javascript

Use document.execCommand in JavaScript to programmatically copy selected texts.

You can add custom stylings to your JavaScript console logs by prepending the message with “%c” and specifying CSS properties as the second parameter. Learn more at https://www.webtips.dev/webtips/javascript/how-to-style-console-logs-in-javascript

Ever had trouble getting through a json output during debug? You can use JSON.strinigfy with the number of spaces to use, passed as a 3rd parameter 🙌

You can use the length returned from Object.keys in conjunction with its constructor to check if an object is truly empty. You can also use JSON.stringify for supporting older browsers.

Simple trick to merge multiple arrays together in JavaScript with the spread operator.

With the use of spread operator, you can turn an array into an object where the key will be the index value.

The nullish coalescing operator can be used just like logical OR (||). The only difference is that it will return falsy values if they are not null or undefined For further details, see MDN’s document: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Nullish_coalescing_operator

To match a variable in JavaScript against multiple possible values, we can either use some in combination with includes in the following way... #javascript #webtips 📖 Learn more at https://www.webtips.dev/webtips/javascript/string-contains-multiple-values-in-javascript

If you want to merge multiple arrays in JavaScript without duplicate values, you can use a set with a destructuring assignment to merge arrays together and then filter out duplicates. 📖 Learn more at https://www.webtips.dev/webtips/javascript/merge-arrays-without-duplicates-in-javascript