20 String Methods in 7 Minutes - Beau teaches JavaScript

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:

Other resources on topic:

⭐JavaScript Playlists⭐

-
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.

[CameronChardukian]

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.

[smyasir]

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, 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.


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().

[ronmoki]

THANK YOU !!! FINALLY STRAIGHT TO THE POINT VIDEO !

[carlosnani]

It was very very useful. Thanks a lot.
I´d love 20 methods from another. :)

[frogboy]

thanks so much!! i was having trouble differentiating all these.

[paschalynukwuani]

You are awesome man. Guess what! You are also part of the reason people subscribe to this channel!

[marimuthur]

Fabulous explanation thank you so much for sharing your knowledge to us keep posting like this....👌🏼👌🏼👌🏼👌🏼👌🏼😊🙏🏼

[pmahesh]

I like your last method of the list. So, Subscribed.

[paulineberton]

Thank you very much, that's very helpful!! Your voice sounds like Sheldon Cooper's', it was like watching 'Fun With Code" ! :D

[sharikzafar]

That's great explain by you 👨‍💻thanks a lot from🇮🇳 india.

[maquindesign]

Love it.. Please do: 20 number methods, 20 array methods.

[MrTsamish]

Hi Sir,
what is the difference between 'str.search' and 'str.indexOf'??

[oufcena]

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

[amberjones]

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!

[julioarruda]

I think Beau lives in a different speed

[randomdeveloper]

Another good short video for future references. :)

[BrendanMetcalfe]

A lot of these are similar in Python as well

[KennyZzy]

how many string methods are there? Do you have to memorise it ?

[Altoids]

How many string methods do you people need?