Following is the code for importing an object with Sub objects and arrays in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result{       font-size: 18px;       font-weight: 500;    } Importing an Object with Sub Objects and Arrays let sampleEle = document.querySelector(".sample"); let obj = JSON.parse(sampleEle.innerHTML); script.jsimport obj from "./sample.js"; let resultEle = document.querySelector(".result"); for (let i in obj) {    resultEle.innerHTML += "Property = " + i + " : Value = " + obj[i] + ""; }sample.jsexport default{    firstName: "Rohan",    lastName: "Sharma",    school: {       name: "St Marks",       address: "USA",    },    sports: ["cricket", "football"], };OutputThe above code will produce the following output −

The spread (…) operator of JavaScript is used to expand an array or any other iterable into individual elements. It was introduced in ECMAScript 2015 (ES6). The spread operator is a powerful feature of JavaScript that allows one to perform operations for complex and lengthy code in a simple single line of code. The spread operator is denoted by the (...) (triple dot) symbol. You can simply create a copy of any existing array with the spread operator. The basic syntax of the spread operator is mentioned below - const newArray = [...existingArray]; Usage on Arrays The spread operator has ... Read More

Following is the code for to implement function Signatures with Default and Rest Parameters in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } Function Signatures with Default and Rest Parameters CLICK HERE Click on the above button to call the add() function with multiple parameters    let BtnEle = document.querySelector(".Btn");    let resEle = document.querySelector(".result");    function add(a ... Read More

The for…in loop loops through all of the object properties. Following is the code o implement the for..in statement in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 18px;       font-weight: 500;       color: red;    } "for...in" statement in JavaScript {"firstName":"Rohan", "lastName":"Sharma", "age":22} CLICK HERE Click on the above button to traverse the above object using for..in loop    let sampleEle = document.querySelector(".sample");   ... Read More

Following is the code to read data from JSON array using JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample, .result {       font-size: 18px;       font-weight: 500;       color: red;    } Read data from JSON array using JavaScript [{"name":"Rohan", "age":22}, {"name":"Shawn", "age":12} ,{"name":"Michael", "age":21}] CLICK HERE Click on the above button to read data from above JSON array    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result"); ... Read More

Lambda function is a small anonymous function that consist of only one expression and can take one or multiple parameters. They basically allow functions to be passed as parameter to other functions. Since in JavaScript, functions are treated as object so they can be passed and returned from other functions to implement lambda functions.Following is the code for implementing lambdas with arrow functions in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,    .result {       font-size: 20px;     ... Read More

Following is the code to to parse and show current time stamp of an HTML audio player −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } Show Current time stamp of an HTML audio player CLICK HERE Click on the above button to get the audio timestamp    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let audioEle = document.querySelector(".audio");    BtnEle.addEventListener("click", () ... Read More

The eval() function is used to evaluate the given string and execute it as JavaScript code. Using eval() is highly dangerous as someone can pass malicious code as input string to one of out inputs.Following is the code to show eval() function in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;    } JavaScript eval() function CLICK HERE Click on the above button to see eval() usage ... Read More

The open() method of window object is the best way to open new browser window using JavaScriptFollowing is the code for opening new browser window using JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    } Open new browser window using JavaScript CLICK HERE Click on the above button open a new browser window    let BtnEle = document.querySelector(".Btn");    BtnEle.addEventListener("click", (event) => {       window.open("https://www.google.com");    }); OutputOn clicking the ‘CLICK HERE’ button, it will redirect to the specified website −

Following is the code for passing arguments to anonymous functions in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-weight: 500;       font-size: 20px;       color: blueviolet;    } Pass arguments to anonymous functions CLICK HERE Click on the above button to call an anonymous function and pass parameters to it    let BtnEle = document.querySelector(".Btn");    let resEle = document.querySelector(".result");    let add = function (a, b) {       return a + b;    };    BtnEle.addEventListener("click", (event) => {       resEle.innerHTML = "The sum of 22 and 19 = " + add(22, 19);    }); OutputOn clicking the ‘CLICK HERE’ button −