There are three types of conditional statements in JavaScript −If statement − The if statement is used to execute code inside the if block only if the specific condition is met.If else statement − The If….Else statement is used to check only two conditions and execute different codes for each of them.If else if else statement − The if…else if…else statement is used for checking more than two conditions.Following is the code to implement conditional statements in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;   ... Read More

Following is the code for modifying prototypes 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;    } Modifying prototypes in JavaScript CLICK HERE Click on the above button to see the original and modified prototype function    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function Person(name, age, occupation) {       this.name = name;     ... Read More

Following is the code for setting JavaScript object values dynamically −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } Set Javascript object values dynamically CLICK HERE Click on the above button to set student object values dynamically    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let student = {       name: "Rohan",       age: 22,       displayInfo() {          return "Name = " + this.name + " : Age = " + this.age + "";       },    };    BtnEle.addEventListener("click", () => {       resEle.innerHTML = student.displayInfo();       resEle.innerHTML += "After changing properties ";       student.name = "Shawn";       student.age = 19;       resEle.innerHTML += student.displayInfo();    }); OutputOn clicking the ‘CLICK HERE’ button −

Following is the code to set object members 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;    } Setting object members CLICK HERE Click on the above button to set student object members and display them    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let student = {};    BtnEle.addEventListener("click", () => {       student.name = "Rohan";       student.age = 22;       student.displayInfo = function () {          resEle.innerHTML = "Name = " + this.name + " : Age = " + this.age;       };       student.displayInfo();    }); OutputOn clicking the ‘CLICK HERE’ button −

The dot notation and bracket notation both are used to access the object properties in JavaScript. The dot notation is used mostly as it is easier to read and comprehend and also less verbose. The main difference between dot notation and bracket notation is that the bracket notation allows us to access object properties using variable.Following is the code for bracket notation vs dot notation in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;     ... Read More

The dot notation is used to access the object properties in JavaScript. Following is the code to implement dot notation −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } Dot notation in JavaScript. CLICK HERE Click on the above button to access the student1 object properties using dot notation    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function ... Read More

The RegExp object is used for pattern matching some text by searching and extracting the part of text. The RegExp object can be created either using the regexp constructor or the literal syntax.Following is the code for RegExp object in JavaScript −Example Live Demo Document    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,    .sample {       font-size: 20px;       font-weight: 500;    } RegExp object CLICK HERE Click on the above button to test the regex expression ... Read More

Following is the code to check if an object is an instance of a class 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;    } Check if an object is an instance of a Class CLICK HERE Click on the above button to check if student1 object is an instance of Student    let resEle = document.querySelector(".result");    function Student(name, ... Read More

Static properties are assigned to the class function itself and not to its prototype property. These properties can be called directly without instantiating any objects.Following is the code for static properties 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;    } Static Properties in JavaScript CLICK HERE Click on the above button to the access the static property school of Student ... Read More

Methods can be shared by attaching them to the prototype property of the object. These methods will be shared among all the instances of the object.Following is the code for sharing methods 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;    } Shared methods in JavaScript CLICK HERE Click on the above button to the call the displayInfo method of student1 ... Read More