Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • Using hasOwnProperty() method in "for...in" loop JS

    @nagender
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 1
    • 0
    • 0
    • 0
    • 408
    Comment on it

    We all know that for...in loop is used to iterate over enumerable properties of object as well as properties of its prototypes, but what if we want to iterate over properties attached to the object itself, and not its prototypes.

    this is where hasOwnProperty() method plays its role...eg shown below -:

    1. var square = {a:1, b:2, c:3};
    2.  
    3. function ColoredSquare() {
    4.   this.color = "red";
    5. }
    6.  
    7. ColoredSquare.prototype = square;
    8.  
    9. var obj = new ColoredSquare();
    10. console.log(obj)                // you can see object contains all the properties...
    11. for (var prop in obj) {
    12.   if( obj.hasOwnProperty( prop ) ) {     // condition to filter its own properites...
    13.     console.log("obj." + prop + " = " + obj[prop]);
    14.   } 
    15. }
    16. // Output:
    17. //  Object { color="red",  a=1,  b=2,  c=3}
    18. // "obj.color = red"

    In above example you can see that 'hasOwnProperty()' method will check whether it is objects own property or not and if it is, then methods will return 'true' otherwise 'false'...

    Javascript Looping
    Comment on it

 1 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: