20 String Methods in 7 Minutes - Beau teaches JavaScript
Вставка
- Опубліковано 14 лют 2017
- String methods featured in this video: charAt, charCodeAt, concat, endsWith, fromCharCode, includes, indexOf, lastIndexOf, match, repeat, replace, search, slice, split, startsWith, substr, substring, toLowerCase, toUpperCase, trim.
Code:
🔗 codepen.io/beaucarnes/pen/qRLz...
Other resources on topic:
🔗 www.w3schools.com/jsref/jsref...
Beau Carnes on Twitter: / carnesbeau
⭐JavaScript Playlists⭐
▶JavaScript Basics: • JavaScript Basics Course
▶ES6: • ES6 - Beau teaches Jav...
▶Design Patterns: • Design Patterns - Beau...
▶Data Structures and Algorithms: • Data Structures and Al...
▶Clean Code: • Clean Code - Beau teac...
-
We're busy people who learn to code, then practice by building projects for nonprofits. Learn Full-stack JavaScript, build a portfolio, and get great references with our open source community.
Join our community at freecodecamp.com
Follow us on twitter: / freecodecamp
Like us on Facebook: / freecodecamp
Follow Quincy on Quora: www.quora.com/Quincy-Larson
Watching this video as a newbie Javascript developer was super insightful. A perfect crash course on possibilities of cool things you can do to modify strings in Javascript.
Grand Summary
charAt - returns character at specified index, myString.charAt(1) will return SECOND letter of string myString.
charCodeAt - same as charAt but returns unicode instead.
concat - concatenates string1 and string2, string1.concat(string2) // string1+string2
endsWith - condition check to determine if a given string ends with a certain character or string; string1.endsWith("abc")
,
fromCharCode - converts unicode values to characters, it is a static method of the String object, so you type String.fromCharCode(desiredCharCode) , where String is the string object and not any arbitrary string.
includes - checks whether the string includes a specified character/string..
indexOf - tells the index of a specified string or character in the input string; inputString.indexOf("Dog"). In case of TWO or more occurrences of the same string/char in the inputString, it will tell index of only the first occurrence !
lastIndexOf - same as indexOf() but returns the index of the LAST occurrence of the specified char or string in the input string.
match - searches the input string for matches of the REGULAR EXPRESSION specified and returns them in an array.
repeat - repeats the string a specified number of times, inputString.repeat(3) // 3 times repeat inputString !
replace - searches a string for a specific sub-string or REGULAR EXPRESSION and replaces it with the specified string. inputString.replace("end", "END")
search - searches the string for a specified sub-string or REGULAR EXPRESSION and tells it's position.
slice - slices or extracts a specified portion of the inputString. inputString.slice(2,4), returns the stuff from index 2 till index 3
split - splits the string, into an array of sub-strings, upon the occurrence of the character specified. e.g inputString.split(" ") will split the string EVERYTIME a space (" ") occurs in the inputString and push the character coming UP TILL the space as a new entry in the array. ( but not including the space itself ? )
startsWith - checks if a string begins with a specified character/sub-string; conditional check.
substr - similar to slice, extracts a sub-string from the inputString, starting from the given initialIndex, and going up to the number of subsequentDigits, including the character at initialIndex in the count as well. inputString.substr(initialIndex, subsequentDigits) . Watch in video if it's hard to understand.
substring - Ditto copy of slice, better to look at stackoverflow.com/a/2243835 for a better understanding of differences.
toLowerCase - makes ALL the letters in string to lower case
toUpperCase - exact opposite of toLowerCase() .
trim - removes WhiteSpace from EITHER SIDE of the inputString; inputString.trim().
Thank you
Dude you saved me. I was doing a note and I keep replaying it to get the description. Thanks a lot!!
stop being lazy and f*ing spend 6minutes holy sh*t
@@joonkim9302 did someone hurt your feelings boy?
THANK YOU !!! FINALLY STRAIGHT TO THE POINT VIDEO !
love these vids. thanks!
Excellent! Loved it.
It was very very useful. Thanks a lot.
I´d love 20 methods from another. :)
Awesome. Great summary. Helpful.
Thanks man this was so handy!
You are awesome man. Guess what! You are also part of the reason people subscribe to this channel!
thanks so much!! i was having trouble differentiating all these.
Great stuff.
Fabulous explanation thank you so much for sharing your knowledge to us keep posting like this....👌🏼👌🏼👌🏼👌🏼👌🏼😊🙏🏼
Amazing video!
Thank you!
very handy and useful. Thanks, FCC
I like your last method of the list. So, Subscribed.
Great video.
Great job
Thanks its very useful
Love it.. Please do: 20 number methods, 20 array methods.
That's great explain by you 👨💻thanks a lot from🇮🇳 india.
very useful
Good one.....
Thank you very much, that's very helpful!! Your voice sounds like Sheldon Cooper's', it was like watching 'Fun With Code" ! :D
Just loved the tutorials 😍
Hi Sir,
what is the difference between 'str.search' and 'str.indexOf'??
Thanks
Good!
var str = "freeCodeCamp is the best place to learn frontend and backend development";
str.includes("end"); //returns true
str.startWith("free"); //returns true
str.endwith("end"); //returns false
str.match(/end/g); //returns an array
str.repeat(3); //returns the same string concatenated to itself 3 times
Nice 👌👌👌👌👌👌 sirji
I think Beau lives in a different speed
*Excelent video*
This video is the SH*T lol. I wish all videos were this quick and to the point. Plus gave me every option I needed. THANK YOU!
yeah short and straightforward but actually omitting some stuff like the difference between slice and substring and many other things.
👍👍👍
How many string methods do you people need?
Another good short video for future references. :)
how many string methods are there? Do you have to memorise it ?
don´t need to memorise but is good to know that exists.
Code editor and theme pls?
Was looking for 'join'.
A lot of these are similar in Python as well
Difference between slice and substring
stackoverflow.com/questions/2243824/what-is-the-difference-between-string-slice-and-string-substring
Cool
Good
If only js strings weren't immutable!
Regardless, thanks for the video!
Hi I'm a new coder to java I was just wondering in an array I've seen coders use /g alot why is it used
Is the first one usless ? Cause we can just do like this stringOne [1] == stringOne.charAt(1)
I'm so used to char as in "CHARCOAL" not char as in "CARE"
For those wondering why 1 is r it's because the computer starts counting at 0 so f=0
whats the use of this all?
For eg. I could use these methods in Bioinformatics stuff to manipulating DNA sequences of ACTGs
any easier use ?
@@smyasir0 Maybe creating user names from first and last names. Re-formatting documents with extra spaces, or finding incorrect capitalization - or changing an acronym to be all caps within a document . Finding specific characters within data. The concatenation feature could be used in many many ways.
In my opinion, for beginners is far more effective to learn - how to interact with object types - using LOOPS and CONDITIONALS then to learn a dozen of prototype methods. Not saying that you DON'T need to learn it though.
This is a part of a playlist, including that topic.
'Care.' ...ok
I can make a password cracker in js learning this LOL
@Neutral Me • 13 years ago too late buddy
use your code for good
man i had to slow him down hahaha
Anyone else pronounce 'char' as /CHär/??
i got lost at /end/g
Maybe u can change ur title in 20 JS string methods in 6:59, not 7mins 😅lol.
You are complicating the explanation when it is not necessary, you use big words which are just confusing and useless. You could do much better.