Javascript Objects Explained | Javascript Objects Tutorial

A Javascript Objects Tutorial that explains objects, methods, and properties as well as walking through many examples of how to create objects, add object properties and methods, remove object properties and methods, object inheritance, and destructuring objects.

✅ Quick Concepts outline:
Javascript Objects:
(00:00) Intro
(0:10) Objects have key-value pairs
(0:20) How to create an object
(1:00) How to access a property of an object
(1:15) What data goes inside of an object?
(1:20) How to create object properties
(2:30) How to access the different properties of an object
(3:20) Objects allow dot notation and bracket notation
(4:35) How to create object methods
(5:40) How to call an object method
(5:50) The keyword this inside of a method
(7:45) Using an object as a constructor for another object
(8:30) Object Inheritance and examples of inheritance
(13:45) Using a for in loop to loop through an object
(17:00) Deleting a property or method
(17:15) hasOwnProperty() method
(18:00) Destructuring Objects as variables
(19:45) Simplify destructuring by naming variables the same as object keys
(20:50) Destructuring Objects as parameters

📚 Further Reading:
MDN Web Docs:
Eloquent JavaScript Chapter 4:

📺 More Beginner JS Videos:

✅ Follow Me:

#objects #javascript #tutorial

[laceyhunter]

This is my 5th instruction I have done but only video that made it all click. He shows us how to write an object, different things your can do with an object AND gives an overall view of what objects can do. Now that he’s put it into perspective for me it makes so much more sense to me. Thank you!

[Grihlo]

Thank you for introducing objects with these creative examples! I believe that using cool examples makes lessons really involving.

[siten]

Beat examples/explanations I've seen. Thank you!

[godismyway]

If good people like you make a video like this on each basic JavaScript topic, JavaScript would not take a year and more to master. Thanks and subscribed!

[hadibq]

Wow, powerful tricks with objects!! Nice👍

[davides]

I just want to thank you for your tutorials. Great explanation!

[camip]

thank you for efforts, really great way of teaching 😄

[viewit]

Thanks for this, I appreciate, though I sti struggle a little with loop but I just found out about you for a few months now and I wish to be this good and more, you inspire me. Some people who are also studying coding are suprised at my growth and it's all thanks to you. Whatever you serve, God bless you man.🙏🏻

[CondeAlberto]

Very good explanation of "this". Another great video.

[yatin]

Beautifully compiled, it was fun exploring and understanding this lesson!
Edit: I would like to summarize the ways object/s can be created in JS (that I know of), because it created some confusion during my learning.
1. Object literals ( eg: 'anotherObj' at 2:17)
2. Object.create() (eg: 'truck' at 7:35)
3. Factory functions (shown in next lesson)
4. Based on a created Class (shown in next lesson)
5. Constructor functions (very close to classes concept, shown in lesson#20 while creating 'customError' function)
Hope this helps someone while following this awesome playlist 😇

[theea]

Thank you so much for the great tutorial!!

[osayieseosa]

Half way into thus video and I keep asking myself "who is thus guy" you've got my sub

[gerqbtq]

I have been looking for this type of high quality content.
you are underrated

[Kubaassasincreed]

The best video on JS objects on youtube. Props for Led Zeppelin reference! 🎸

[aarongoulding]

Another great video! How do I log to the console the FULL properties of an object, including the properties that come from the parent object?

[mfarrise]

If u know what are classes in other language and just want to know the syntax in js . This the best info/time video

[BukkyOdunsi]

God bless you so muchhhh, i couldn't get objects until now 😭

[DarthVader-wdsc]

I have a question. Since all non primitives are objects in the end of the prototype chain, do arrays and functions and all the other non primitives have access to all the methods from Object.prototype? What happens if we try to access properties/methods of Object.prototype on an array?

Thanks in advace.

[kanchandhyani]

Please also explain prototyping concept

[akj]

To add object within an object, use my method, you won't find it elsewhere:

var obj = {};

var obj2 = {name:'Jack', age:155};

var fun1 = function (obj01, obj02){
return obj01['obj02'] = {};

};

var nestObj = fun1(obj, obj2);

var fun2 = function(nestObj2){
nestObj2.name = obj2.name;
nestObj2.age = obj2.age;
}

fun2(nestObj);

console.log(obj);