100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

100+ JavaScript Snippets for Beginners

This snippet returns true if the predicate function returns true for all elements in a
collection and false otherwise. You can omit the second argument fn if you want to
use Boolean
as a default value.

This snippet checks whether all elements of the array are equal.

1 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet checks whether two numbers are approximately equal to each other, with a
small difference.

This snippet converts the elements that don’t have commas or double quotes to strings
with comma-separated values.

This snippet converts the elements of an array into `` tags and appends them to the list
of the given ID.

2 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet executes a function, returning either the result or the caught error object.

This snippet returns the average of two or more numerical values.

3 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet returns the average of an array after initially doing the mapping of each
element to a value using a given function.

This snippet splits values into two groups and then puts a truthy element of filter in
the first group, and in the second group otherwise.
You can use Array.prototype.reduce() and Array.prototype.push() to add
elements to groups based on filter .

This snippet splits values into two groups, based on a predicate function. If the predicate
function returns a truthy value, the element will be placed in the first group. Otherwise, it

4 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

function returns a truthy value, the element will be placed in the first group. Otherwise, it
will be placed in the second group.
You can use Array.prototype.reduce() and Array.prototype.push() to add
elements to groups, based on the value returned by fn for each element.

This snippet checks whether the bottom of a page is visible.

This snippet returns the length of a string in bytes.

5 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet capitalizes the first letter of a string.

This snippet capitalizes the first letter of every word in a given string.

This snippet converts a non-array value into array.

6 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet removes false values from an array.

This snippet counts the occurrences of a value in an array.

This snippet uses existsSync() to check whether a directory exists and

7 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet returns the current URL.

This snippet gets the day of the year from a Date object.

This snippet turns the first letter of a string into lowercase.

8 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet flattens an array recursively.

This snippet assigns default values for all properties in an object that are .

This snippet delays the execution of a function until the current call stack is cleared.

9 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This code snippet can be used to convert a value from degrees to radians.

This snippet finds the difference between two arrays.

This method returns the difference between two arrays, after applying a given function to
each element of both lists.

10 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet removes the values for which the comparator function returns false .

This snippet gets a number as input and returns an array of its digits.

11 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet returns the distance between two points by calculating the Euclidean
distance.

This snippet returns a new array with n elements removed from the left.

This snippet returns a new array with n elements removed from the right.

12 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet removes elements from the right side of an array until the passed function
returns true .

This snippet removes elements from an array until the passed function returns true .

This snippet checks whether the parent element contains the child.

13 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet removes duplicate values in an array.

This snippet returns the first key that satisfies a given function.

This snippet returns the last element for which a given function returns a truthy value.

14 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet flattens an array up to a specified depth using recursion.

This snippet executes a function for each element of an array starting from the array’s
last element.

15 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet iterates on each property of an object and iterates a callback for each one
respectively.

This snippet prints the name of a function into the console.

This snippet can be used to get the time from a Date object as a string.

16 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to find the difference in days between two dates.

This snippet can be used to get the value of a CSS rule for a particular element.

This snippet can be used to get the type of a value.

17 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet checks whether an element has a particular class.

This snippet returns the head of a list.

This snippet can be used to hide all elements specified.

This snippet can be used to redirect from HTTP to HTTPS in a particular domain.

18 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to get all indexes of a value in an array, which returns an empty
array, in case this value is not included in it.

This snippet returns all elements of an array except the last one.

19 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to insert an HTML string after the end of a particular element.

This snippet can be used to insert an HTML string before a particular element.

This snippet can be used to get an array with elements that are included in two other
arrays.

20 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to return a list of elements that exist in both arrays, after a
particular function has been executed to each element of both arrays.

This snippet can be used to return a list of elements that exist in both arrays by using a
comparator function.

21 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check if a value is of a particular type.

This snippet can be used to check whether a date is after another date.

This snippet can be used to check whether a particular string is an anagram with
another string.

22 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

another string.

This snippet can be used to check if a provided argument is iterable like an array.

This snippet can be used to check whether a date is before another date.

23 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check whether an argument is a boolean.

This snippet can be used to determine whether the current runtime environment is a
browser. This is helpful for avoiding errors when running front-end modules on the server
(Node).

This snippet can be used to determine whether the browser tab is focused.

24 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to determine whether a string is lower case.

This snippet can be used to check whether a value is null or undefined .

This snippet can be used to check whether a value is null .

25 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check whether a provided value is a number.

This snippet can be used to check whether a provided value is an object. It uses the
Object constructor to create an object wrapper for the given value.
If it is already an object, then an object type that corresponds to the given value will be
returned. Otherwise, a new object will be returned.

26 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check if a value is not null and that its typeof is “object”.

This snippet checks whether a value is an object created by the Object constructor.

This snippet checks whether an object looks like a Promise .

27 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check whether two dates are equal.

This snippet can be used to check whether an argument is a string.

This snippet can be used to check whether an argument is a symbol.

28 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to check whether a value is undefined .

This snippet can be used to check whether a string is upper case.

This snippet can be used to check whether a string is a valid JSON.

29 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet returns the last element of an array

This snippet compares two objects to determine if the first one contains the same
property values as the second one.

30 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to get the latest date.

This snippet returns the n largest elements from a list. If n is greater than or equal to
the list’s length, then it will return the original list (sorted in descending order).

This snippet can be used to get the earliest date.

31 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet returns the n smallest elements from a list. If n is greater than or equal to
the list’s length, then it will return the original list (sorted in ascending order).

This snippet can be used to apply the not operator ( ! ) to a predicate function with its
arguments.

32 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to convert a nodeList to an array.

This snippet can be used to pad a string on both sides with a specified character if it is
shorter than the specified length.

This snippet can be used to convert an angle from radians to degrees.

33 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to generate a random hexadecimal color code.

This snippet can be used to generate an array with n random integers in a specified
range.

This snippet can be used to generate a random integer in a specified range.

34 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to return a random number in a specified range.

This snippet can be used to read a file by getting an array of lines from a file

This snippet can be used to do a redirect to a specified URL.

35 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to reverse a string.

This snippet can be used to round a number to a specified number of digits.

This snippet can be used to run an array of promises in series.

36 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet can be used to get a random number from an array.

This snippet can be used to get n random elements from unique positions from an array
up to the size of the array. Elements in the array are shuffled using the

37 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

101
This snippet returns the first key that satisfies a given function.

102
This snippet returns the last element for which a given function returns a truthy value.

103
This snippet flattens an array up to a specified depth using recursion.

38 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

This snippet flattens an array up to a specified depth using recursion.

104
This snippet executes a function for each element of an array starting from the array’s
last element.

This snippet iterates on each property of an object and iterates a callback for each one
respectively.

39 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

106
This snippet prints the name of a function into the console.

Thank you for reading!!

If you like my work!!

40 of 41 23/04/2023, 17:00
100+ JavaScript Snippets for Beginners https://tested-salto-cab.notion.site/100-JavaScript-Snippets-f...

41 of 41 23/04/2023, 17:00