13: What are JavaScript Properties and Methods | Properties and Methods | JavaScript Tutorial

[@ShinjuiroX]

I was learning JS using some bootcamp tutorial videos and had to finish assingments. Unfortunately those videos provided much less info than you need to know for completing their assignments and it was a real struggle to complete them with lack of information. Your way of explaining stuff is truly awesome. I understand these concepts much better now thanks to your tutorial. You explain everything really detailed. You have a talent for teaching. Thanks for these tutorial videos. Cheers!

[@collinsadhola8278]

i agree totally.

[@xXxKingjonxXx]

was it colt's complete udemy bootcamp?

[@zalodias123]

Never thought about methods being built-in functions! Interesting perspective.

[@MadAustinite]

I really like this take on it as well. Helps me understand methods more and how they’re different from functions.

[@WanderingNasi]

Fun fact: the spacing or capitalization of the second word, like the ones used in methods, is called "Camel Casing" since the camel's hump is taller than its head.

[@none1307]

thx for information

[@souguess4637]

Thank you my friend, it's very helpful.

[@toobaadil6497]

You are really great! I love the way you teach!

[@BM4Dayz69]

Just wanted to thank you for explaining it for a newbie

[@urmo345]

deserves KUDOS someone finally explaining methods and objects using code, without cats or dogs

[@trivedidhaval9444]

Love your videos.. These videos helps me alot.. Thank you

[@jonathancarter2347]

I thumbs up every vid and will suggest you to other coders I come across. Great stuff!

[@hananfadah]

Thanks a lot! That was helpful spotting the difference!

[@duvanxo3033]

Very helpful video. Thank you so much :)

[@lucyzteinn]

this lesson is just perfect

[@ciceroaraujo5183]

No, no. It's you that are perfect

[@calibr0636]

your videos are perfect for recaps

[@callum6486]

As soon as i saw the thumbnail i though "Elon Musk is going to teach me Properties and Methods"

[@kp974]

Great explanation!! thank you!:-) now I catch the differences

[@nellichoo]

i love u!! thanks for explaining properly what a method is

[@bitmammothOG]

Yes he's back! :D

[@erencool2367]

Back again

[@karstenlehmann13595]

Great. Thanks for the lists, too!

[@thebeardedcoder]

Excellent. All of your lessons. That dog's breathing though. LoL

[@guyfinkelshtein8868]

Huge props from Israel, great great channel !!

[@zulfiqar7967]

We need the complete Javascript and Jquery tutorials

[@2vagner]

Excellent

[@siten1]

How can indexOf not also be defined as a property if its "job" is to tell you the position of where certain characters are just how .length also just tells you the length of the variable. Are they not just, both essentially, telling you something about our variable? Thank you!

[@aishahcarana-masiroh6691]

I’ll do my best to explain. The difference between methods and properties in JavaScript boil down to two simple ideas: methods are dynamic, properties are static. I’ll expand. Methods perform operations / actions on values, hence the term ‘dynamic’. In the case of indexOf() - it is not merely telling you the position of a character, it actively scans and searches the string of characters given the arguments its fed: indexOf(‘of’), with ‘of’ being the argument given, and returns the position of the string. This argument (‘of’) can be changed to a different word to find a different position in the string. It’s interactive and changing, accepting different inputs and performing unique scans / searches each time the argument is changed. On the other hand, properties are static - meaning they do not perform actions or operations. Properties, as its name suggests, can be viewed as the inherent characteristics, features, or attributes of an object. Properties store or represent information of an object. Properties give us access to information, rather than perform computational actions that return a result. In the case of .length, the information it represents (provides access to) is the length of characters: a characteristic of the string. Hope this helps.

[@siten1]

@@aishahcarana-masiroh6691 Thank you for the explanation but length is still performing the action of counting how many characters it has in one way or another, no? I was thinking the same analogy but thinking about finding the length of something is also an "action" broke it. How I ended up viewing it, which has not broken yet, is that Properties : Look at the element as a whole, while Methods : Can look at the individual elements of that element Hopefully I make sense too lol

[@moseleenone7252]

good tutorial!, i realise the programming languages use similar methods, just in different syntax, easy to understand after learning python

[@damarissaavedra2904]

Loved it, I was stuck in this subject since yesterday and your video made it super easy, FYI your links on the video are expired

[@collinsadhola8278]

Great stuff man!

[@reckion2009]

great explanation. thanks!

[@alexanderbonisch5889]

hyped for the next episodes ! great work, it helped me a lot! :)

[@criaturaimaginaria5230]

really helpful, thanks!

[@gladstonross12]

hope you have a Vue series soon if u use that framework. love all your vids

[@mexcalgt]

Again.. Thanks a lot brother!

[@mauricemorty4687]

But Daniel, i don't understand i've thought a lot about it and i just can't figured out. How is "juice" in the 5th position if there was 4 item inserted. i've try it my self and i've got same result (5). but the length property still says 4. why is that? thank you for the course it is very good

[@Dani_Krossing]

It is because we always start counting at 0 in programming. 🙂 So instead of 1, 2, 3, 4.... It's 0, 1, 2, 3. We call these numbers the "index", which is kinda like the "position". The reason we get "4" as the result when we use .length, is because it is counting the number of entries, and not the index. Hope this helped. 🙂

[@mauricemorty4687]

@@Dani_Krossing thanks Dani but i'm afraid i still don't quite understand why isn't "juice" at the 4th position instead of 5th. you pushed in an item, this item is meant to be st third podition regarding index but the length shoun't be 4?. i'm quite aware that i'm the problem here. omg i just can't figure out what is that i'm missing. 🤔 I appreciate your response Daniel, i'll study harder

[@adelaionce]

Thank you so much

[@free_thinker4958]

Thank u so much for this great videos ❤️

[@argenisaguilar9045]

Thanks a million

[@tnetroP]

Pop and push were stack operations in Assembler :)

[@patrykkedzierski9719]

Good Job

[@lagyt5248]

THANKS

[@akshaysharma1145]

Thanks

[@gatts6727]

Hey Daniel! Tks for the new video :) Can u share the link for all the properties and methods?

[@Dani_Krossing]

Sorry forgot about that :) will add it now

[@ashishaventador6142]

How come the precision index of juice showed 5 ? Should have been 3 isn’t it ? Please can you explain me the last part

[@saputodude]

I thought the same thing. If you just do items.push("Juice") followed by console.log(items.push()); it will give you 4 indices ["Bottle, 4, true, "Juice"]. If you include ("Juice") within the console to push that item, it seems like it pushes it twice, giving you 5 indices instead of 4. I'm new to this, so that's what it seems like to me....

[@ashishaventador6142]

I also thought the same, gave the same explanation to myself and continued with the course.

[@Alluriah]

"The push() method adds new items to the end of an array, and returns the new length." so when he wrote items.push("Juice") it added "Juice" and returned the new length which is 4, same would have happened if he wrote instead console.log(items.push("Juice")), would have returned 4, however, he wrote console.log(items.push("Juice")) after items.push("Juice")which means juice was added once and returned array length 4 and then again and returned length 5.

[@erencool2367]

u deserve more viewers and subscscscribersoto THANks for epicccccccccccccc Teaching ;)

[@ellen6654]

Very helpful! Just wondering why the Push one at end showed up as 5 for length, I thought it’d be 3?

[@chinwenduE]

Me too

[@soukainacharef8411]

Niiice Thank U

[@linnealinberg251]

var item = ["Bottle", 4, true]; items.push("Juice"); console.log(item.push("Juice")); could someone please let me know why will this result in 5? How is that counted?

[@meliodass6951]

by adding juice inside console log he actually added another "juice" so total amount to 5 indexes , if you were to delete 2nd one then it will count as 4; hope u understand.

[@MattPPrice]

@@meliodass6951 Thank you, I also didn't understand the '5'.

[@RatneshKumar-xv3gr]

5 is length of the list

[@RatneshKumar-xv3gr]

While indexing it count form 0

[@math260879]

*Dani Krossing* where can I finde your KZbin videos about methods and more in JavaScript ? some one send me the link please

[@MSEAMP3]

Thanks for the tutorial! Around 1:45 in this video you are defining item.length and I see that in addition to predictive text, a summary of the legend property displays in your editor. Is this a built in function of Atom or some extension to display these summary/description of the property? This would be very helpful for learning the purpose of each property, etc. Any advice on how to enable/where to find this? Thanks!

[@GymMotivationMusicTM]

It is just Atom's property. Not an extension.

[@aleksandraSwedenVlog]

thanks a lot, it is for kettles like me

[@kerengan-or5418]

Great video! Thank you

[@Sigmaop2278]

sir how to make full website in html and css please post one video of full website making

[@lumennganje2721]

how come this channel has only 155k subscribers. Should have more. In fact it will have 3M by the end of the year in Jesus' name Amen.

[@superreverbfreak]

Lumen Nganje you honestly think that works? 🙄

[@raiserjs]

is let and var is just the same?

[@Dani_Krossing]

I have an episode earlier in this course where I cover let and var :)

[@raiserjs]

mmtuts thank you I will watch later. ❤️

[@eti313]

@@raiserjs I think he meant this one (not in this playlist) kzbin.info/www/bejne/qZrUc4Gmq6qVe7M

[@Racools]

this is just like c#

[@naziyakhan4096]

When i entered item.length ["Botle of water"] 👆 For this instead of blah blah i got 1 Then i entered console.log(item.indexOf("of")); Instead of 7 i got -1 And when is did console.log(item.replace("water", "juice")); 🤥its telling item.replace is not a function

[@NERO-ez1mn]

1 like for the list

[@crazybela2101]

We have one teacher that teach us java and he is idiot.. from then i dont want to do it but from when i discovered you i want to make everything

[@bhabanishankardash1443]

Please slow your English when you speaking sir. Very difficult to understand. Very first you speaking. I am a beginner and love to watch yr each video but yr English is very much first. Hope you understand my request.

[@betzalelgoldman779]

Just in case you didn't know, you can slow down a youtube video in the youtube settings. works pretty well.