Following is the code for deep cloning an object in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Deep cloning an object in javascript CLICK HERE Click the above button to deep clone the obj object    let BtnEle = document.querySelector(".Btn");    let resEle = document.querySelector(".result");    let obj = {       firstName: "Rohan",       ... Read More

Following is the code for using methods of array on array of JavaScript objects −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Using methods of array on array of JavaScript objects CLICK HERE Click the above button to apply array methods on array of objects    let BtnEle = document.querySelector(".Btn");    let arr = [       {   ... Read More

Following is the code to convert dictionary into list of JavaScript objects −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample{       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Convert dictionary into list of JavaScript objects { A: { 1: "Apple", 2: "Apricot" }, B: { 1: "Ball", 2: "Bull" }, C: { 1: "Cat", 2: "Cow" }, D: { 1: "Dog", 2: "Drill" }, } CLICK HERE Click the ... Read More

Following is the code to filter an array depending on multiple checkbox condition using JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Filter an array depending on multiple checkbox conditions [22, 10, 50, 30, 90, 33, 80, 75, 33, 99, 150, 105] Number should be greater than 50 ... Read More

Following is the code to duplicate elements of an array in the same array −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,.sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Duplicate elements of an array in the same array [1,2,3,4,'A'] CLICK HERE Click on the above button to duplicate the elements of the above array    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let arr = [1, 2, 3, 4, "A"];       BtnEle.addEventListener("click", () => {          arr = arr.concat(arr).sort();          resEle.innerHTML = arr;       }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

Following is the code for sharing private members among common instances in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } Share private members among common instances in JavaScript Click Here Click on the above button to display the personName property    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function Person(name) {       let ... Read More

Following is the code showing Object.keys().map() and Array.map() in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Object.keys().map() VS Array.map() {1:'A', 22:'B', 55:'C', 19:'D'} CLICK HERE Click on the above button to sum the keys of the above object [22, 33, 11, 44] CLICK HERE Click on the ... Read More

Following is the code for implementing closures to achieve privacy in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } Using closures to achieve privacy Increment Access Click on the above button to increment or try to access the variable    let resEle = document.querySelector(".result");    let BtnEle = document.querySelectorAll(".Btn");    function increment() {       let a ... Read More

Following is the code to assign new property to an object using deconstruction in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result, .sample {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    }    .result {       color: red;    } Assign new property to an object using deconstruction {"a":11, "b":22, "c":44} CLICK HERE Click on the above button to assign values to obj by destructuring above object ... Read More

Following is the code for short circuiting in boolean −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } Short-circuit Boolean && short circuit evaluation || short circuit evaluation Click on the above button to see the the short circuit evaluation    let resEle = document.querySelector(".result");    let BtnEle = document.querySelectorAll(".Btn");    function retTrue() {       resEle.innerHTML += "True ... Read More