difference between dot notation and bracket notation in javascript [duplicate]

by

When you use dot notation, key means the actual property in the object, which will not be there. So, undefined is returned which is not equal to true.

When you use [] notation you are accessing the property in the object with the name in the variable key. So, that will work.

For example,

var myObj = {
    myVar : 1
};

for (var key in myObj) {
    console.log(key);
    console.log(myObj.key);
    console.log(myObj[key]);
}

This will print,

myVar
undefined
1

Because, myObj has no member named key (myObj.key tries to get the member with the name key) and in the next case, myObj has a member named myVar (myObj[key] tries to get the member with the value in key).

Dot Notation

jslint prefers dot notation.

[] Notation

This offers flexibility. You can dynamically access the members with a variable.

More Related Contents:

  1. var functionName = function() {} vs function functionName() {}
  2. JavaScript property access: dot notation vs. brackets?
  3. Explain the encapsulated anonymous function syntax
  4. Question mark and colon in JavaScript
  5. Curly Brackets in Arrow Functions
  6. Why can’t I access a property of an integer with a single dot?
  7. Why does ++[[]][+[]]+[+[]] return the string “10”?
  8. What does the plus sign do in ‘+new Date’
  9. Convert string in dot notation to get the object reference [duplicate]
  10. How can I refer to a variable using a string containing its name?
  11. Why should I use a semicolon after every function in javascript?
  12. Difference between using bracket (`[]`) and dot (`.`) notation [duplicate]
  13. What is the correct syntax of ng-include?
  14. Is localStorage.getItem(‘item’) better than localStorage.item or localStorage[‘item’]?
  15. Double quotes within php script echo
  16. Dot and Square Bracket Notation
  17. Use a concatenated (dynamic) string as JavaScript object key? [duplicate]
  18. Syntax highlighting code with Javascript [closed]
  19. Why does 10..toString() work, but 10.toString() does not? [duplicate]
  20. syntax error: unexpected token
  21. “elseif” syntax in JavaScript
  22. What is the decimal separator symbol in JavaScript?
  23. What is the purpose of a semicolon before an IIFE? [duplicate]
  24. What is “?:” notation in JavaScript?
  25. JSON syntax for property names
  26. Does assignment with a comma work?
  27. javascript syntax: function calls and using parenthesis
  28. JavaScript dot notation [duplicate]
  29. What’s the reason for using such syntax (0, _.Em)();
  30. Javascript history.PushState not working?

Leave a Comment