Difference Between Variables and Objects in JavaScript
The variables and objects are fundamental concepts but they serve different purposes. The Variables are used to store data values while objects are used to group related data and functions into a single entity.
JavaScript Variable
A variable in JavaScript is a named container that stores a value. It can be created using the var, let, or const.
Syntax:
let variable_name = value;
const variable_name = value;
Example: In this example, age is a variable that holds a numeric value and name is a variable holding the string value.
Javascript
let age = 35; const name = 'Kumar' ; console.log( "Age: " + age); console.log( "Name: " + name); |
Output:
Age: 35
Name: Kumar
JavaScript Object
An object in JavaScript is a complex data structure that groups related data together using the key-value pairs.
Syntax :
let object_name = {
key1 : value1,
key1 : value1,
...
};
Example: In this example, The person is an object with the properties like name, age, hobbies and address. It includes both the primitive data types and other objects.
Javascript
let person = { name: 'Kumar' , age: 25, hobbies: [ 'reading' , 'painting' ], address: { street: '127 Main St' , city: 'Bangalore City' } }; console.log( "Name: " + person.name); console.log( "Age: " + person.age); console.log( "Hobbies: " + person.hobbies.join( ', ' )); console.log( "Street: " + person.address.street); console.log( "City: " + person.address.city); |
Output:
Name: Kumar
Age: 25
Hobbies: reading, painting
Street: 127 Main St
City: Bangalore City
Difference between variables and object in JavaScript
Characteristics |
Variable |
Object |
---|---|---|
Definition |
Containers for the storing single data values. |
The Complex data structures that store collections of the data and entities. |
Usage |
The Holds single data values. |
The Stores complex entities and data structures. |
Declaration |
Declared using the keywords like var, let, const. |
To Declared by defining key-value pairs within the curly braces. |
Mutability |
Can be updated or reassigned with the different values. |
Properties can be added, updated or deleted. |
Example |
let num = 10; const name = ‘John’; |
let person = { name: ‘Alice’, age: 25 }; |
Access |
Access using the variable name. |
Access properties using the dot notation or bracket notation. |
Data Type |
Can hold different data types. |
Can contain any data type including the other objects. |
Purpose |
Used for the storing individual values. |
Used for the grouping related data or entities together. |
Contact Us