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!
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!
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 😇
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.🙏🏻
When an object is printed through console.log, it is printed with all its own properties and a link to the object it inherits from. You can see all the inherited properties in console, you just need to follow the prototype chain of the displayed object (typically using __proto__ or [[prototype]] keys). This answer is a direct quote from here: stackoverflow.com/questions/31100403/how-to-console-log-all-inherited-properties Thanks 👍
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.
You can explore this. Open the Chrome devtools window and in the console, create and log an array. Do the same for any object. Expand the properties for each.
@@DaveGrayTeachesCode Thank you for the reply. i did console an array and go up the prototype chain. I saw object methods up in the chain. And when a property or method is being accessed, the whole prototype chain is being searched right? My question is, is it ok to access object methods on an array? Thank you.
@@DarthVader-wd9sc they are array objects and have their own Array methods. MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
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);
It would be great if you provide notes which we (viewers) can use to revise what we read. Or you can just tell website which you look before giving this explanation.We can see that website for note making
I usually provide a few links in the description. You can look up any of these Javascript topics on MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
Cool tutorial but I feel you leave out/skip over very crucial information as you go along. Because you already know it. Things such as putting commas, making sure semi colons are put in. All tutorials I’ve seen leave out these important syntax’s
@@BbB-vr9uh No, JavaScript doesn't strictly require semicolons, but using them is considered good practice to avoid potential issues with automatic semicolon insertion.
Automatic Semicolon Insertion (ASI) is a feature in JavaScript that automatically inserts semicolons at the end of certain lines if they are missing. While this can help avoid syntax errors, relying on it can lead to unexpected behavior, so it's recommended to include semicolons explicitly in your code.
Hi, I added a few lines to help me understand the last point. Might be useful for someone... // a function that looks for a key when passed an object. function sings({ vocals }) { return `${vocals} sings.` }; console.log(sings(band)); // output: "Robert Plant sings" const orchestra = { vocals: "Pavarotti" }; // new object console.log(sings(orchestra)); // output: "Pavarotti sings"
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!
You're welcome!
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!
Thank you for introducing objects with these creative examples! I believe that using cool examples makes lessons really involving.
Glad it was helpful! 💯
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 😇
Glad it was helpful!
Half way into thus video and I keep asking myself "who is thus guy" you've got my sub
I have been looking for this type of high quality content.
you are underrated
Thank you!
I don't know how he got the string in the console when it said guitar by so and so, vocals by this name and so on
I just want to thank you for your tutorials. Great explanation!
You're welcome!
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.🙏🏻
You are so welcome!
Beat examples/explanations I've seen. Thank you!
The best video on JS objects on youtube. Props for Led Zeppelin reference! 🎸
Rock on! 🤘
thank you for efforts , really great way of teaching 😄
Very good explanation of "this". Another great video.
Thanks again, Alberto! 🙏💯
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?
When an object is printed through console.log, it is printed with all its own properties and a link to the object it inherits from. You can see all the inherited properties in console, you just need to follow the prototype chain of the displayed object (typically using __proto__ or [[prototype]] keys). This answer is a direct quote from here: stackoverflow.com/questions/31100403/how-to-console-log-all-inherited-properties Thanks 👍
If u know what are classes in other language and just want to know the syntax in js . This the best info/time video
Thanks!
Wow , powerful tricks with objects!! Nice👍
Fantastic tutorial.
Thank you, Johan! 💯
🥰🥰🥰 ur lectures are awsome
Glad you like them!
what the diffence between const tom= new Person() or const tom = Object.create(Person) ?
The chuckle at 15:08 made me LOL
Puns... gets me every time!
God bless you so muchhhh, i couldn't get objects until now 😭
Glad it helped!
Thank you so much for the great tutorial!!
You're welcome! 💯
Thank you, thank you, thank you!!
You're welcome!
thank you for your tutorials≥≤
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.
You can explore this. Open the Chrome devtools window and in the console, create and log an array. Do the same for any object. Expand the properties for each.
@@DaveGrayTeachesCode Thank you for the reply.
i did console an array and go up the prototype chain. I saw object methods up in the chain. And when a property or method is being accessed, the whole prototype chain is being searched right? My question is, is it ok to access object methods on an array?
Thank you.
@@DarthVader-wd9sc they are array objects and have their own Array methods. MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
Please also explain prototyping concept
I have a video on that: ruclips.net/video/mQ4oCgcgHOA/видео.html ..not part of a beginners playlist or course though.
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);
It would be great if you provide notes which we (viewers) can use to revise what we read. Or you can just tell website which you look before giving this explanation.We can see that website for note making
I usually provide a few links in the description. You can look up any of these Javascript topics on MDN: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object
Awesome!!!
🙏🙏
Good Stuff
that was nice
thanks
i almost cried when you deleted john bonham 😥
I understand that! 💯
This looks like python dictionary buh kinda different
The answer is always 42
Cool tutorial but I feel you leave out/skip over very crucial information as you go along. Because you already know it. Things such as putting commas, making sure semi colons are put in. All tutorials I’ve seen leave out these important syntax’s
Commas yes, but js doesn’t require semicolons. You can put them or not.
@@BbB-vr9uh No, JavaScript doesn't strictly require semicolons, but using them is considered good practice to avoid potential issues with automatic semicolon insertion.
Automatic Semicolon Insertion (ASI) is a feature in JavaScript that automatically inserts semicolons at the end of certain lines if they are missing. While this can help avoid syntax errors, relying on it can lead to unexpected behavior, so it's recommended to include semicolons explicitly in your code.
Hi, I added a few lines to help me understand the last point. Might be useful for someone...
// a function that looks for a key when passed an object.
function sings({ vocals }) { return `${vocals} sings.` };
console.log(sings(band)); // output: "Robert Plant sings"
const orchestra = { vocals: "Pavarotti" }; // new object
console.log(sings(orchestra)); // output: "Pavarotti sings"
Thanks for great tutorials!
_____________________________
Whole Lotta Code (Love) - D. Zepp. 🎸
You need coding! (cooling) ... ⌨️
Great lyrical change!! 💯🚀🎸
Tesla.engine = () => { return “🔥🚗💥” }
Nice!