Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Splicing an array means to use the Array.splice() method for adding or removing items from the array. The items removed are returned as an array.Following is the code for splicing an array in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample, .result { font-size: 20px; font-weight: 500; } Splicing an array in JavaScript CLICK HERE Click on the above button to add items after second element ... Read More
Following is the code for printing positive and negative infinity values in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .num { font-size: 18px; font-weight: 500; } JavaScript Infinity property 1.797693134862315E+10308 -1.797693134862315E+10308 CLICK HERE Click on the above button to add and subtract the above floating numbers by 1 respectively let sampleEle = document.querySelector(".sample"); let num1 = document.querySelectorAll(".num")[0]; let num2 = document.querySelectorAll(".num")[1]; document.querySelector(".Btn").addEventListener("click", () => { num1.innerHTML = +num1.innerHTML + 1; num2.innerHTML = +num2.innerHTML - 1; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code for searching a string in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Searching a string in JavaScript The spring season is about to come. CLICK HERE Click on the above button to find the string 'spring' in the above string let btnEle = document.querySelector(".btn"); let sampleEle = document.querySelector(".sample").innerHTML; let resEle = document.querySelector(".result"); btnEle.addEventListener("click", () => { resEle.innerHTML = "The string spring is found at position " + sampleEle.search("spring"); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code to implement NaN and Infinity in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } NaN and Infinity in JavaScript CLICK HERE Click on the above button to see nan and infinity example let btnEle = document.querySelector(".btn"); let resEle = document.querySelector(".result"); btnEle.addEventListener("click", () => { resEle.innerHTML = "9/0 = " + 9 / 0 + ""; resEle.innerHTML += 'Number("AJKL") = ' + Number("AJKL") + ""; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
Following is the code for deleting object properties in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Delete object properties in JavaScript Before Deleting After deleting CLICK HERE Click on the above button to delete object properties let btnEle = document.querySelector(".btn"); let resEle = document.querySelector(".result"); let sampleEle = document.querySelector(".sample"); let obj = { firstName: ... Read More
Following is the code creating an object and accessing its properties in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Hoisting in JavaScript CLICK HERE Click on the above button to create and access a object let btnEle = document.querySelector(".btn"); let resEle = document.querySelector(".result"); let obj = { firstName: "Rohan", lastName: "Sharma", ... Read More
Hoisting allows us to call functions and variables (declared with var) before they are being defined by moving them to the top of their scope before the execution of code begins.Following is the code showing hoisting for variables and functions in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 20px; font-weight: 500; } Hoisting in JavaScript Calling functions and variables before they are defined CLICK HERE ... Read More
Note − To run this example you will need to run a localhost server.Following is the code for importing and exporting a module/library in JavaScript −ExampleINDEX.html Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; } JavaScript Importing and Exporting Modules IMPORT Click on the above button to import module script.jsimport test from './sample.js'; document.querySelector('.Btn').addEventListener('click', ()=>{ test(); })sample.jslet resultEle = document.querySelector(".result"); export default ... Read More
The dotAll flag returns true or false depending upon if the s flag has been set in the regular expression or not.Following is the code to implement dotAll flag for regular expressions in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } dotAll flag for regular expressions CLICK HERE Click on the above button to know if s flag has been set in regex or ... Read More
The promise.finally() calls the callback function whether a promise has been fulfilled or rejected. This helps us to do something once the promise has been rejected or resolved.Following is the code for Promise.finally() in JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } Promise.finally in JavaScript CLICK HERE Click on the above button to know when the promise finishes let btnEle = ... Read More