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 convert an object into an array in JavaScript?
In JavaScript, there are several methods to convert an object into an array. The approach depends on whether you want the keys, values, or both from the object. Using Object.keys() to Get Keys Array The Object.keys() method returns an array of an object's property names: const student = { name: "Chris", age: 25, marks: 85, city: "New York" }; const keysArray = Object.keys(student); console.log(keysArray); [ 'name', 'age', 'marks', 'city' ] Using Object.values() to Get ...
Read MoreHow to add a new object into a JavaScript array after map and check condition?
In JavaScript, you can add new objects or properties to an array after filtering and mapping by combining filter(), map(), and array manipulation techniques. Understanding the Approach The technique involves first filtering data based on a condition, then adding computed properties or objects derived from mapping operations on the original data. Example: Adding Property to Filtered Array const details = [ { customerName: 'John', customerCountryName: 'UK', isMarried: true }, { customerName: 'David', customerCountryName: 'AUS', isMarried: false }, { customerName: 'Mike', customerCountryName: 'US', isMarried: ...
Read MoreOdd even sort in an array - JavaScript
We are required to write a JavaScript function that takes in an array of numbers and sorts the array such that first all the even numbers appear in ascending order and then all the odd numbers appear in ascending order. For example: If the input array is − const arr = [2, 5, 2, 6, 7, 1, 8, 9]; Then the output should be − const output = [2, 2, 6, 8, 1, 5, 7, 9]; Approach The solution uses a custom comparator function that: Places even numbers ...
Read MoreHow to center the JavaScript alert message box?
In this tutorial, we will learn to center the JavaScript alert box. In JavaScript, an alert box is useful to show users some message, information, warning, success, etc. Let's understand it by real-world example when you open any website on the web browser and start to authenticate by entering your username and password. When you click the submit button, it gives a message in an alert box like the password should be 8 or more characters, or sign in successfully. Users can create the alert box using JavaScript's alert() method. Unfortunately, the default alert box doesn't allow us to ...
Read MoreHow to fix problems related to the JavaScript Void 0 Error?
The JavaScript "void(0)" error typically occurs when JavaScript is disabled in the browser or when there are issues with JavaScript execution. This error commonly appears as "javascript:void(0)" in links or when scripts fail to run properly. What is JavaScript void(0)? The void operator in JavaScript evaluates an expression and returns undefined. When used as void(0) or void 0, it simply returns undefined without executing any meaningful operation. console.log(void(0)); // undefined console.log(void 0); // undefined console.log(void(1 + 2)); ...
Read MoreHow to show all the options from a dropdown list with JavaScript?
To show all the options from a dropdown list, use the options property. This property allows you to access all the options and use the length property to iterate through them. Syntax // Get the select element let selectElement = document.getElementById("selectId"); // Access options selectElement.options // Returns HTMLOptionsCollection selectElement.options.length // Number of options selectElement.options[i].text // Text of option at index i selectElement.options[i].value // Value of option at index i Example: Display All Options ...
Read MoreWhat is the fastest, pure JavaScript, Graph visualization toolkit?
When building interactive graph visualizations in JavaScript, choosing the right toolkit is crucial for performance. The JavaScript InfoVis Toolkit (JIT) stands out as one of the fastest, pure JavaScript solutions for creating dynamic graph visualizations. What is JavaScript InfoVis Toolkit? The JavaScript InfoVis Toolkit is a lightweight, high-performance library that provides advanced graph visualization capabilities without requiring additional plugins or dependencies. It's designed specifically for creating interactive data visualizations with smooth animations and responsive interactions. Key Features With the JavaScript InfoVis Toolkit, you can implement various visualization features: Graph manipulation - Add, remove, and ...
Read MoreHow to avoid repeat reloading of HTML video on the same page?
Use preload="auto" to avoid repeat reloading of HTML video on the same page. The preload attribute controls how much video data the browser should load when the page loads. Preload Attribute Options The preload attribute has three possible values: auto - Browser loads the entire video when the page loads metadata - Browser loads only video metadata (duration, dimensions) none - Browser doesn't load any video data initially Example with preload="auto" ...
Read MoreUsage of border-bottom-width property in CSS
The border-bottom-width property sets the thickness of an element's bottom border. It only takes effect when border-style is defined, as borders need a style to be visible. Syntax border-bottom-width: value; Values The property accepts the following values: thin - A thin border (typically 1px) medium - A medium border (typically 3px) thick - A thick border (typically 5px) length - Custom width in px, em, rem, etc. inherit - Inherits from parent element Example with Different Widths ...
Read MoreShort Circuit Assignment in JavaScript
Short circuit assignment in JavaScript uses logical operators (|| and &&) to assign values based on boolean evaluation. These operators stop evaluating as soon as the result is determined. How Short Circuit Assignment Works The || (OR) operator returns the first truthy value it encounters, while && (AND) returns the first falsy value or the last value if all are truthy. Example with OR Operator (||) Short Circuit Assignment Short Circuit Assignment ...
Read More