Open In App

JavaScript ES5 Object Methods

Improve
Improve
Like Article
Like
Save
Share
Report

The ES5 Object method in javascript is used to find more methods to interact with the objects.
The ES5 Object method can do:

  • prevents enumeration
  • manipulation
  • deletion
  • prevent addition of new features
  • getters and setters

Syntax:

Object.defineProperty(object, property, {value : value})

The following Meta Data value can be true or false:

  • writable
  • enumerable
  • configurable

Example to get all properties:




<!DOCTYPE html>
<html>
  
<body>
    <div style="background-color: green;">
        <center>
            <h2>Geeksforgeeks</h2>
            <h3>The properties of the object are:</h3>
  
            <h3 id="demo"></h3>
        </center>
    </div>
  
    <script>
        var person = {
            name: "xyz",
            address: "noida",
            language: "hindi"
        }
        // Change Property
        Object.defineProperty(person, 
            "language", { enumerable: false });
  
        document.getElementById("demo").innerHTML
            = Object.getOwnPropertyNames(person);
    </script>
</body>
  
</html>


Example to get enumerable properties:




<!DOCTYPE html>
<html>
  
<body>
    <div style="background-color: green;">
        <center>
            <h2>Geeksforgeeks</h2>
            <h3>The properties of the object are:</h3>
  
            <h3 id="demo"></h3>
        </center>
    </div>
  
    <script type="text/javascript">
        var person = {
            name: "xyz",
            address: "noida",
            language: "hindi"
        }
  
        // Change Property
        Object.defineProperty(person, 
            "language", { enumerable: false });
  
        document.getElementById("demo")
            .innerHTML = Object.keys(person);
    </script>
</body>
  
</html>


Example to add a property:




<!DOCTYPE html>
<html>
  
<body>
    <div style="background-color: green;">
        <center>
            <h2>Geeksforgeeks</h2>
            <h3>
                The mobno property is added and 
                the value of that property is:
            </h3>
  
            <h3 id="demo"></h3>
        </center>
    </div>
  
    <script>
        var person = {
            name: "xyz",
            address: "noida",
            language: "hindi"
        }
  
        Object.defineProperty(person, 
            "mobno", { value: "979889xxxx" });
  
        // Display Properties
        document.getElementById("demo")
            .innerHTML = person.mobno;
    </script>
</body>
  
</html>




Last Updated : 07 Jan, 2021
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads