- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
MS Excel
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Found 9297 Articles for Object Oriented Programming
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
77 Views
Following is the code to de-structure already declared variables 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; } De-structure to already-declared variables CLICK HERE Click on the above button to destructure the personObj object let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let name, age, personObj; personObj = { name: "Rohan", age: 19, }; BtnEle.addEventListener("click", () => { ({ name, age } = personObj); resEle.innerHTML = " name = " + name + "age = " + age; }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
42 Views
Following is the code to pass an object of parameters to a function −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result, .sample { font-size: 18px; font-weight: 500; color: rebeccapurple; } .sample { color: red; } Passing an object of parameters into a function CLICK HERE Click on the above button to add 4 object values by passing them to a function let ... Read More
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
187 Views
Following is the code to merge objects into a single object 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; } .sample { color: red; } Merge objects into a single object array [{id:22, class:7}, {name:'Rohan', age:12}, {state:'Delhi', country:'India'}] CLICK HERE Click on the above button to merge the above objects inside array into ... Read More
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
154 Views
The JavaScript alert() function is used to display a popup message to the user.Following is the code for the JavaScript alert() function −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } Javascript text alert CLICK HERE Click on the above button to trigger the alert popup let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { alert("You pressed the button"); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
2K+ Views
The image object represents the HTML element.Following is the code for image 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; } The image() object in JavaScript CLICK HERE Click on the above button to display an image let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let newImage = new Image(500, 300); newImage.src = "https://i.picsum.photos/id/195/536/354.jpg"; BtnEle.addEventListener("click", () => { resEle.appendChild(newImage); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
138 Views
Following is the code to apply reduce method to objects 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; } Reduce method for objects in JavaScript { a:6, b:2, c:9, d:5, } CLICK HERE Click on the above button to multiply the above object values together let resEle ... Read More
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
111 Views
Following is the code to convert two arrays into one JavaScript object −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; } Convert two arrays into one JavaScript object ["firstName", "lastName", "age"]["Rohan", "Sharma", 21] CLICK HERE Click on the above button to create an object from the above two arrays ... Read More
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
756 Views
Following is the code to assign values to an array with null/empty objects using JavaScript −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Assign values to an array with null/empty objects CLICK HERE Click on the above button to assign values to empty object inside arrObj let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = ... Read More
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
3K+ Views
Following is the code to create a multidimensional JavaScript object −Example Live Demo Document body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } Create a multidimensional JavaScript object CLICK HERE Click on the above button to create and display a multidimensional object let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); BtnEle.addEventListener("click", () => { let obj = { firstName: "Rohan", lastName: "Sharma", school: { name: "St Marks", address: { city: "Dwarka", state: "Delhi", }, }, }; console.log(obj); }); OutputThe above code will produce the following output −On clicking the ‘CLICK HERE’ button and inspecting the output in console −
![AmitDiwan](https://www.tutorialspoint.com/assets/profiles/123055/profile/60_187394-1565938756.jpg)
387 Views
Following is the code to access an object through another 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; } Access an object through another object in JavaScript CLICK HERE Click on the above button to display obj2 let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let obj = { firstName: "Rohan", ... Read More