4.js-objects.md
Quiz
~/ hackweb.dev
...
~/
/tutorials
/en/js/js-objects/edit
~ Contribute
Suggest a correction or improvement. The author reviews it before it goes live.
Loading...
en/tutorials/js/4js-objects
# JavaScript Objects Objects group related data together as key-value pairs. ## Creating and accessing An object holds properties. Access them with dot or bracket notation. ```js const user = { name: "Ada", age: 36, admin: true }; console.log(user.name); console.log(user["age"]); ``` ## Adding and updating Objects are mutable — add or change properties anytime. ```js const user = { name: "Ada" }; user.age = 36; user.name = "Ada Lovelace"; console.log(user); ``` ## Methods Functions stored on an object are called methods. ```js const counter = { value: 0, increment() { this.value++; } }; counter.increment(); counter.increment(); console.log(counter.value); ``` ## Destructuring Destructuring unpacks object properties into variables in one line. ```js const user = { name: "Grace", role: "engineer" }; const { name, role } = user; console.log(name, role); ```
Submit suggestion
cancel