In this tutorial, we will learn to create an id using mongoose in JavaScript. Users can use the Mongoose NPM package in NodeJS to use MongoDB with NodeJS or connect MongoDB with the application. While storing the data in the MongoDB database, we must add a unique id to every data collection. However, if we don’t add an id, it generates automatically and adds to the data. Syntax Users can follow the syntax below to create an id using mongoose in JavaScript. var newId = new mongoose.mongo.ObjectId(); In the above syntax, we access the ‘mongo’ from the mongoose and ... Read More

We can get the union of two arrays by merging both arrays and removing duplicate elements, and the union gives unique elements from both arrays. In this tutorial, we will learn to compute the union of JavaScript arrays using various approaches. Use the set() Data Structure The first approach is using the set() data structure. The set data structure can contain only unique elements. We can add all elements of both arrays into the set and create a new array from the set’s elements to create a union. Syntax Users can follow the syntax below to compute the union of ... Read More

Sometimes, it requires finding the total time elapsed while performing some operations in JavaScript. For example, we require to find the total time elapsed from users who have updated their profiles. Also, there can be other similar use cases where we need to find the difference between the particular time and the current time, finding the total time elapsed. Here, we will learn various approaches to finding the time elapsed in JavaScript. Using the Date() Object to find the time Elapsed in JavaScript In JavaScript, we can get the current time using the Date() object constructor. It returns the total ... Read More

In JavaScript, we can use the ‘&&’ operator to perform the AND operation between two elements and the ‘||’ operator to perform OR operation between two elements. Here, we will learn to perform OR and AND operations between every element of the array. Use the for Loop We can use the for loop to iterate through the array elements a nd do an OR operation of the array element with the resultant elements. Syntax Users can follow the syntax below to use the for loop to take OR or AND operation of every element. for () { ... Read More

The regex literals are regular expressions, a sequence of characters to match the strings. Sometimes, developers require to combine regular expressions. However, a regular expression is also one type of string, but we can’t concat them like a string using the ‘+’ operator. So, we first require to get flags from both regular expressions. After that, we must filter all unique flags and create a new Regex after combining multiple Regex literals. Syntax Users can follow the syntax below to concatenate regex literals in JavaScript. let allFlags = regex1.flags + regex2.flags; let uniqueFlags = new Set(allFlags.split('')); allFlags = [...uniqueFlags].join(''); let ... Read More

In HTML, a table contains columns and rows. The table cells don’t contain the space between two cells by default. If we add some space between table cells, it can improve the UI of the table. In CSS, the ‘border-spacing’ property adds the space between the table space. Also, we need to use the ‘border-collapse’ CSS property with the ‘separate’ value while using the ‘border-spacing’ CSS property. Syntax Users can follow the syntax below to use the ‘border-spacing’ CSS property to add spaces between the table cells. table { border-collapse: separate; border-spacing: 3rem; ... Read More

In CSS, the ‘border’ property is used to apply the border to any HTML element, such as div. Also, we can set the different styles for the border, color, width, etc. In this tutorial, we will learn different approaches to set the width of the border of the element. Also, we will learn to set the width of different sides of the element. Use the border-width CSS property to set the width of the border The ‘border-width’ CSS property is used to define the width of the border. Users can pass the four values to set the width ... Read More

In CSS, the ‘marker-offset’ CSS property is used to specify the distance between the nearest border edges of marker box and principal box. In CSS, the marker is a pseudoelement that refers to the bullet points of the lists. Here, we will learn to set the distance between the nearest border edges of marker box and principal box. Syntax Users can follow the syntax below to set the distance between the nearest border edges of the marker box and the principle box. marker-offset: value; Example In the example below, we have created an unordered list of different programming ... Read More

In CSS, the ‘text-decoration’ property is used to underline, overline, and strikethrough the text. Underlining the text means drawing a line below the text, and overlining the text means drawing a line above the text. Striking through the text means drawing a line on the text to show text is erased. In this tutorial, we will learn to use the different values of the text-decoration CSS property to style text differently. Syntax text-decoration: style decoration color thickness; Values Style – It represents the style of the decorated line, such as solid, dotted, wavy, etc. Decoration - ... Read More

Developers can customize the font of the webpage using various CSS properties. For example, the ‘font-size’ property is used to specify the font size, and the ‘font-weight’ CSS property is used to specify the font weight of the text. Furthermore, there are lots of other CSS properties which we can use to customize the fonts. The ‘font’ CSS property can be used as a shorthand of all properties to customize the font. Syntax Users can follow the syntax below to use the ‘font’ shorthand CSS property to customize the web page's font. font: font-style font-weight font-size/line-height font-family; Values ... Read More