JavaScript
Object,Property,Methods
By: H.L. Chandrakar
03/01/2025 Javascript By H.L. Chandrakar
What is JavaScript Object
• A JavaScript object is basically a collection of
unordered properties.
• Values associated with a JavaScript object are
called its properties.
• Actions that can be performed on a JavaScript
object are called methods.
03/01/2025 Javascript By H.L. Chandrakar
<script>
var student = { name: “Rahul", age: 21};
</script>
JavaScript Properties
name age
student Rahul 21
JavaScript Object
Property values
03/01/2025 Javascript By H.L. Chandrakar
Way 1:Object Creation
• <script>
• var student = { name: “Rahul", age: 21,
branch: "Computer Science", };
• </script>
03/01/2025 Javascript By H.L. Chandrakar
Way 2:Object Creation
• <script>
• var student = new Object(); student.name =
“Rahul"; student.age = 21; student.branch =
"Computer Science";
• </script>
03/01/2025 Javascript By H.L. Chandrakar
Accessing Object Properties
• The first method is to access the property by
using the dot(.) notation - object.property
• Second, we can store a property name, in the
form of a string, in a variable and then use
that variable to access the associated
property.
03/01/2025 Javascript By H.L. Chandrakar
<html>
<body>
<script>
const student={name:"Sunil",age:30};
alert("Student name="+student.name);
alert("Student age="+student.age);
var x=student.name;
document.write(x);
</script>
</body>
</html>
03/01/2025 Javascript By H.L. Chandrakar
JavaScript Methods
1)defineProperty(): this method is used to add
new property and its value into object or to
change property value of any object
03/01/2025 Javascript By H.L. Chandrakar
<html>
<body>
<script>
// Create an Object:
const person = {
firstName: "John",
lastName: "Doe",
language: "EN"
};
// Add a Property
Object.defineProperty(person, "year", {value:"2008"})
// Display the Property
document.write(person.year);
</script>
</body>
</html>
03/01/2025 Javascript By H.L. Chandrakar
<html>
<body>
<h1>JavaScript Object</h1>
<h2>The defineProperty() Method</h2>
<p>This example changes a property value.</p>
<p id="demo"></p>
<script>
// Create an Object:
const person = {
firstName: "John",
lastName: "Doe",
language: "EN"
};
// Change a Property
Object.defineProperty(person, "language", {value:"NO"})
// Display the Property
document.write( person.language);
</script>
</body>
</html>
03/01/2025 Javascript By H.L. Chandrakar
JavaScript Methods
• 2) getOwnPropertyNames():it is used to
display all the properties of any object.
03/01/2025 Javascript By H.L. Chandrakar
<html>
<body>
<h1>JavaScript Object</h1>
<h2>The getOwnPropertyNames() Method</h2>
<p>This example list all the properties of an object.</p>
<p id="demo"></p>
<script>
// Create an Object:
const person = {
firstName: "John",
lastName: "Doe",
language: "EN"
}
// Display all Properties
document.write( Object.getOwnPropertyNames(person));
</script>
</body>
</html>
03/01/2025 Javascript By H.L. Chandrakar
JavaScript Methods
3)assign() method: Copies properties from a
source object to a target object
Object.assign(target, source)
03/01/2025 Javascript By H.L. Chandrakar
// Create Target Object
const person1 = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
// Create Source Object
const person2 = {firstName: "Anne",lastName: "Smith"};
// Assign Source to Target
Object.assign(person1, person2);
03/01/2025 Javascript By H.L. Chandrakar
JavaScript Methods
4)values() method: returns a single dimension
array of the object values
03/01/2025 Javascript By H.L. Chandrakar
<html>
<body>
<h1>JavaScript Objects</h1>
<h2>The Object.values() Method</h2>
<p>Object.values() returns an array of values from an object:</p>
<p id="demo"></p>
<script>
const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
let text = Object.values(person)
document.write(text);
</script>
</body>
</html>
03/01/2025 Javascript By H.L. Chandrakar
OUTPUT
JavaScript Objects
The Object.values() Method
Object.values() returns an array of values from
an object:
John,Doe,50,blue
03/01/2025 Javascript By H.L. Chandrakar
