A few techniques to create an array

Different ways. of creating array

A Proxy object allows you to intercept operations on an object, like getting or setting values. You can use this to automatically log any changes made to an object, helping with debugging or tracking state changes. The proxy works as a middleware, enabling you to monitor or modify interactions with the object.

Proxy for Auto Logging

requestIdleCallback is useful for debouncing functions, especially for tasks like handling scroll or resize events. It schedules a function to run when the browser is idle, preventing it from interrupting other critical tasks. This improves performance by ensuring that non-urgent actions don't block the main thread.

Efficient Debouncing with requestIdleCallback

The best use for these loops is as follows:<ul class="list-disc pl-5"><li>Array: use for...of (or forEach)</li><li>Object: use for...in</li><li>if you work with arrays and need access to indexes, use for and forEach</li></ul>I remember this as A ray of sunshine and foreign objects in the sky, which reminds me that:<ul class="list-disc pl-5"><li>Array -&gt; for...of</li><li>Object -&gt; for...in</li></ul>

JS loops (forEach, for...in, for...of)

The structuredClone API provides a simpler and more reliable way to clone objects deeply. Unlike the JSON.parse(JSON.stringify(obj)) method, it can handle more complex data types like Map, Set, and Date, which are lost with the former approach. This method ensures that all nested structures are accurately duplicated without side effects.

Deep Clone with Structured Clone API

undefined is where a value is not defined for a variable but, the variable has been declared.null itself is an empty and non-existent value that must be assigned to a variable explicitly.undefined and null are not strictly equal.

undefined vs null

A temporal dead zone (TDZ) is the area of a block where a variable is inaccessible until the moment the computer completely initializes it with a value.Suppose you attempt to access a variable before its complete initialization. In such a case, JavaScript will throw a ReferenceError.

Temporal Dead Zone

The typeof operator is used in JavaScript to determine the type of a given value. However, it can sometimes return unexpected results, leading to the following joke:Why did the JavaScript developer go broke? Because he used typeof on a penny and got a "string" instead of a "number."

The typeof operator

Create a new function that, when called, has its this keyword set to the provided value.

Function Currying Using bind()

Often we use math.floor, math.ceil and math.round for eliminating decimals. Instead of using them use “~~” to eliminate decimals for a value.It is also helpful in increasing performance when it comes to micro optimizations in a code.

Convert to floating number without killing performance

This technique will help you resize and empty an array.To delete n elements in an Array, use array.length.

Using length to delete empty in an array

Array.prototype.slice(begin, end) is used to cut arrays when you set the start and end arguments. &nbsp;But if you don't set the end argument, this function will automatically set the max value for the array.A smart hack is it can also accept negative values and by setting a negative number as begin argument, you will get the last elements from the array.

Getting the last item in the array

Use <code>??</code> to provide a default value for <code>null</code> or <code>undefined</code>.

Nullish Coalescing Operator (??)

We all require random data from time to time. But sometimes we need to get random data from a specific dataset.At that time, we can use the below snippet that will save you time:

Get Ready to LOL with JavaScript Hacks!