Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Economics & Finance
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 More
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 More
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 More
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 More
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 More
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 More
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 More
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 More
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 More
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