Following is the code to convert a string to JavaScript object −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample {       font-size: 18px;       font-weight: 500;       color: red;    } convert a string to JavaScript object {"name":"Rohan", "sports":["Cricket", "Football"], "country":"India"} CLICK HERE Click on the above button to convert the above string to JavaScript object    let sampleEle = document.querySelector(".sample");    let resultEle = document.querySelector(".result");    let parsedJson = ... Read More

In JavaScript the primitive like string, number, boolean etc are compared by their values while objects (native or custom) are compared by their reference. Comparing by reference means whether the two or more object point to same location in memory or not.Following is the code to explain equality of objects 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;    } Equality of ... Read More

Following is the code to parse a string from a JavaScript array −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: rebeccapurple;    } Parse a string from a JavaScript array CLICK HERE Click the above button to convert the array arr to string    let BtnEle = document.querySelector(".Btn");    let resEle = document.querySelector(".result");    let arr = ["Cow", "Lion", "Tiger", "Dog", "Cat"];    BtnEle.addEventListener("click", () => {       resEle.innerHTML = arr.toString();    }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −

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