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
How to access a JavaScript object using its own prototype?
JavaScript's Object.create() method creates a new object with the specified object as its prototype. This allows the new object to inherit properties from the existing object while maintaining a prototype chain. Syntax Object.create(prototypeObject); This method takes an existing object and creates a new object that inherits properties from it through the prototype chain. How It Works When you create an object using Object.create(), the new object doesn't copy the properties directly. Instead, it creates a prototype link to the original object, allowing property inheritance. var ...
Read MoreSafely Accessing Deeply Nested Values In JavaScript
Accessing deeply nested properties in JavaScript can cause errors if intermediate properties don't exist. Modern JavaScript provides several safe approaches to handle this common problem. The Problem with Direct Access Directly accessing nested properties throws errors when intermediate properties are undefined: let obj = { user: { profile: { name: "John" } } }; console.log(obj.user.profile.name); // "John" - ...
Read MoreAdd oninput attribute to HTML element with JavaScript?
You can add the oninput attribute to HTML elements using JavaScript in two ways: using addEventListener() or directly setting the oninput property. Both methods allow you to dynamically attach input event handlers to elements. Using addEventListener() (Recommended) The addEventListener() method is the modern approach for attaching event listeners: Add oninput with addEventListener Enter the value: ...
Read MoreHow to convert array of comma separated strings to array of objects?
Converting an array of comma-separated strings to an array of objects is a common task in JavaScript. This can be done using various methods depending on the structure of your data. Understanding the Problem When you have an array containing JSON strings, you need to parse each string into a JavaScript object. The most straightforward approach is using JSON.parse() combined with array methods. Method 1: Using JSON.parse() with forEach This method modifies the original array by parsing each JSON string: ...
Read MoreGet the index of the nth item of a type in a JavaScript array
When working with JavaScript arrays, you might need to find the index of the nth occurrence of a specific value. This is useful for parsing data, finding patterns, or processing structured arrays. Problem Statement We need to write a function getIndex() that takes three parameters: an array arr, a value txt (string or number), and a number n. The function should return the index of the nth appearance of txt in arr. If txt doesn't appear n times, return -1. Using Array.reduce() Method The reduce() method provides an elegant solution by maintaining a counter and tracking ...
Read MoreHow to capitalize the first letter of each word in a string using JavaScript?
In JavaScript, you can capitalize the first letter of each word in a string by splitting the string into individual words, capitalizing each word's first letter, and then joining them back together. Syntax string.split(' ') // Split string into array of words word.charAt(0) // Get first character word.toUpperCase() // Convert to uppercase word.substring(1) // Get ...
Read MoreCount the number of data types in an array - JavaScript
We are required to write a JavaScript function that takes in an array that contains elements of different data types and the function should return a map representing the frequency of each data type. Let's say the following is our array: const arr = [23, 'df', undefined, null, 12, { name: 'Rajesh' }, [2, 4, 7], 'dfd', null, Symbol('*'), 8]; Understanding Data Types in JavaScript JavaScript's typeof operator returns string representations of data types. Note that arrays and null both return "object", which is a known quirk of JavaScript. Example ...
Read MoreWhich is the best JavaScript compressor?
JavaScript compressors reduce file sizes by removing unnecessary whitespace, comments, and optimizing code structure. Here are the best options available for different needs. Google Closure Compiler Google Closure Compiler is one of the most powerful JavaScript optimization tools. It parses JavaScript, analyzes it, removes dead code, rewrites inefficient patterns, and minimizes the output. Unlike simple minifiers, it performs advanced optimizations like function inlining and variable renaming. Original JS function add(a, b){ return a + b; ...
Read MoreHow to draw sine waves with HTML5 SVG?
To draw sine waves with HTML5 SVG, you can use the element with cubic Bezier curves to closely approximate the smooth curves of a sine wave. This approach provides precise control over wave shape and amplitude. Basic Sine Wave Example Here's how to create a simple sine wave using SVG path with cubic Bezier approximation: SVG Sine Waves HTML5 SVG Sine Wave ...
Read MorejQuery Mobile: Sending data from one page to the another
jQuery Mobile provides several methods to pass data between pages. The most common approaches include URL parameters, localStorage, and sessionStorage. Method 1: Using URL Parameters Pass data through the URL query string when navigating between pages. HTML Link with Parameters Go to New Page JavaScript to Extract Parameters $(document).on("pageinit", "#new", function(event) { // Get URL parameters var url = $(this).data("url"); if (url) { ...
Read More