Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
Convert an array of binary numbers to corresponding integer in JavaScript
Let's say, we have an array of Numbers that contains 0 and 1 − const arr = [0, 1, 0, 1]; We are required to write an Array function, toBinary() that returns the corresponding decimal integer for the array it is used with. For example − If the array is − const arr = [1, 0, 1, 1]; Then the output should be 11 because the decimal representation of binary 1011 is 11. Therefore, let's write the code for this function. Method 1: Using parseInt() with join() In ...
Read MoreAdd two consecutive elements from the original array and display the result in a new array with JavaScript
We are required to write a JavaScript function that takes in an array of Numbers and returns a new array with elements as the sum of two consecutive elements from the original array. For example, if the input array is: const arrayOne = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; Then the output should be: const newArrayOne = [1, 5, 9, 13, 17] Let's write the code for this function: Example const arrayOne = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; ...
Read MoreProduct of two number using HOC - JavaScript
Higher Order Functions (HOC) in JavaScript are functions that either receive another function as an argument or return a function as their result. When combined with closures, HOCs become a powerful tool for creating reusable and modular code. In this example, we'll create a Higher Order Function that calculates the product of two numbers using the concept of currying, where a function returns another function. Example Here's how to implement a product calculator using HOC: const num1 = 24; const num2 = 5; const productHOC = num1 => { return ...
Read MoreWhat is the best way to initialize a JavaScript number?
The best way to initialize a number in JavaScript is to assign a value during variable declaration. This approach prevents undefined values and ensures your variables are ready to use immediately. Basic Number Initialization You can initialize numbers using various declaration keywords: Number Initialization // Initialize with var var deptNum = 20; var employeeId = 5; // Note: ...
Read MoreHow to set outline color with JavaScript?
To set outline color in JavaScript, use the outlineColor property. The outline appears outside an element's border and doesn't affect the element's dimensions or layout. Syntax element.style.outlineColor = "color"; Parameters The outlineColor property accepts any valid CSS color value: Color names: "red", "blue", "green" Hex values: "#FF5733", "#000000" RGB values: "rgb(255, 87, 51)" HSL values: "hsl(9, 100%, 60%)" Example: Setting Outline Color #box { ...
Read MoreHow to track pages in a single page application with Google Analytics?
A Single Page Application (SPA) loads all necessary resources on the first page load, then dynamically updates content without full page refreshes. This creates a challenge for Google Analytics, which traditionally tracks page views based on URL changes and page loads. When users navigate within an SPA, the URL may change but no new page actually loads. Google Analytics needs to be manually informed about these navigation events to accurately track user behavior. Setting Up Manual Page Tracking To track page views in SPAs, you need to manually trigger Google Analytics events when the user navigates to ...
Read MoreHow can I handle Server-Sent Events in HTML5?
Server-Sent Events (SSE) in HTML5 allow web pages to receive automatic updates from a server. This creates a persistent connection where the server can push data to the client in real-time. What are Server-Sent Events? Server-Sent Events provide a way for a server to send data to a web page automatically. Unlike WebSockets, SSE is unidirectional - only the server can send data to the client. Creating an EventSource Connection Use the EventSource object to establish a connection to the server: Server-Sent Events Demo ...
Read MoreGetters and setters in JavaScript classes?
In this article we are going to discuss about the getters and setters in JavaScript classes with suitable examples in JavaScript. In JavaScript, getters and setters are special methods that provide controlled access to object properties. They allow you to define custom behavior when getting or setting property values, ensuring data validation and encapsulation. Getters and setters use the get and set keywords respectively. Let's explore how to implement getters and setters in JavaScript classes and objects with practical examples. Syntax The basic syntax for getters and setters: class MyClass { ...
Read MoreLookbehind Assertions JavaScript Regular Expressions
Lookbehind assertions in JavaScript regular expressions allow you to match a pattern only when it's preceded by a specific pattern. They use the syntax (? Syntax // Positive lookbehind - match if preceded by pattern (?Example: Extracting Prices with Positive Lookbehind This example matches numbers that are preceded by a dollar sign: Lookbehind Assertions The prices are $50, $99, $121 and $150. But 25 and 75 are not prices. Extract Prices ...
Read MoreSum of nested object values in Array using JavaScript
When working with complex nested data structures in JavaScript, you often need to sum values from deeply nested objects within arrays. This guide demonstrates various approaches to calculate the sum of nested object values efficiently. Understanding the Data Structure Consider a JSON object with nested arrays and objects where we need to sum the costNum values: let json = { storeData: [ { items: [ ...
Read More