Object:
• object is collection of elements in the form of properties
• Property is a key-value pair.
Ex: Var user1 = {
name:‘xyz',
Objects email:
[email protected],
in JS mobile: 9898987898 ,
login : function (){
console.log(“login success”)
}
};
@csworldtelugu
Ways to create object :
1.Object Literal
2.Using a new keyword with Object constructor
3.Using a new keyword with a constructor function
Objects 4.Object.create() method
in JS
5.Classes
@csworldtelugu
1. Using Object Literal :
let movie1 = { } -> Create an empty Object
let movie = { ->Object with properties (key: value pairs)
name: “RRR"
Create object release : 2021
in JS director : “Rajamouli"
@csworldtelugu
How to access object values :
We can access values by using keys in 2 ways
1. object-name.key
movie = {
Ex: movie.name"
name: “RRR"
release : 2021
Objects
in JS 2. object-name[''key'']
director : “Rajamouli"
}
Ex: movie[''name‘’]
@csworldtelugu
How to add new properties to object:
We can add properties by using keys in 2 ways
1. object-name["key"] = value
Ex: movie[“budget"] = “400 crores”
Create object
2. object-name.key = value
in JS
Ex: movie.budget =“400 crores”
@csworldtelugu
How to update values of object :
We can update values by using keys in 2 ways
1. obj["key"] = value
Ex: movie[“budget"] = “500 crores”
Create object
2. obj.key = value
in JS
Ex: movie.budget =“500 crores”
@csworldtelugu
How to delete values of object :
We can delete values by using keys in 2 ways
1. delete obj["key"]
delete movie[“budget"]
Create object
2. delete obj.key
in JS
Ex: delete movie.budget
@csworldtelugu
2. Using new Operator Object Constructer:
let movie1= new Object();
movie1 .name = “RRR”;
movie1 .director = “Rajamouli”;
Create object
in JS
let movie1= new Object({
name:"RRR“,
budget:"200 cr"
});
@csworldtelugu
3. Using new Operator with Constructer function:
Step1: create constructor function :
function user(name, age,place) {
this.name = name;
this.age = age;
this.place = place
}
Create object
in JS Step2: create object with constructor function call :
Let user1= new user(“abc", 25,”Hyderabad”);
@csworldtelugu
4. Object.create method:
let movie2 = Object.create(movie);
let movie3 = Object.create(movie, {
name: {
value: “RRR
Create object },
in JS Music: {
value: “Keeravani”
}
}) @csworldtelugu
5. Using ES6 Classes:
class definition :
Class user {
constructor(name, age,place) {
this.name = name;
this.age = age;
this.place = place
Create object }
in JS }
Object creation :
Let user1= new user(“abc", 25,”Hyderabad”);
@csworldtelugu
useful Object Methods:
• Object.keys()
• Object.values()
• Object.entries()
Objects • Object.freeze()
in JS
• Object.seal()
@csworldtelugu
Object.keys()
This method returns an array of all the keys of an object.
let p1 = {
name: "real me 8 pro",
price: 20000,
ram: "16 gb"
}
Objects
in JS console.log(Object.keys(p1))
o/p:[ 'name', 'price', 'ram' ]
@csworldtelugu
Object.values()
This method returns an array of all the values associated with each key
of an object.
let p1 = {
name: "real me 8 pro",
price: 20000,
ram: "16 gb"
}
Objects
in JS console.log(Object.values(p1))
o/p: [ 'real me 8 pro', 20000, '16 gb' ]
@csworldtelugu
Object.entries()
This method returns an array of arrays, where each inner array contains a
key-value pair of the object.
let p1 = {
name: "real me 8 pro",
price: 20000,
ram: "16 gb"
}
Objects
in JS console.log(Object.entries(p1))
o/p:[[ 'name','real me 8 pro' ],[ 'price', 20000 ],[ 'ram', '16 gb' ]]
@csworldtelugu
Object.freeze()
This method prevents any changes to the object's properties. so that we
can't add, delete, or modify any properties of the object after this line
let p1 = {
name: "real me 8 pro",
price: 20000,
ram: "16 gb"
}
Object.freeze(p1);
Objects p1.camera = "12 mp";
p1.price = 30000;
in JS delete p1.ram
console.log(p1)
o/p:{ name: 'real me 8 pro', price: 20000, ram: '16 gb' }
@csworldtelugu
Object.seal()
This method prevent any additions or deletions of properties to the
object. But we modify the values of the existing properties of the object.
let p1 = {
name: "real me 8 pro",
price: 20000,
ram: "16 gb"
}
Object.freeze(p1);
Objects p1.camera = "12 mp";
p1.price = 30000;
in JS delete p1.ram
console.log(p1)
o/p:{ name: 'real me 8 pro', price: 30000, ram: '16 gb' }
@csworldtelugu
