Unleash the Power of JavaScript String Methods - Your Ultimate Cheat Sheet 🤯🔥

JavaScript strings are a powerful tool for manipulating text and working with data. To get the most out of your strings, you'll want to familiarize yourself with the various string methods available in JavaScript 🔥

In this article, I'll provide you with an ultimate cheat sheet for JavaScript string methods, making it easy to find exactly what you need to accomplish your goals 🚀

With clear code examples and descriptions, you'll learn how to use each method to perform common string operations like finding substrings, converting case, and removing whitespace 😎

Whether you're a seasoned JavaScript developer or just starting out, this cheat sheet will be a valuable resource for optimizing your string-based code ⚡

So, Let's get started 🤖

---

1) str.length : returns the length of a string.

---

2) str.charAt(index) : returns the character at the specified index in a string.

---

3) str.indexOf(searchValue[, fromIndex]) : returns the index of the first occurrence of the specified value in a string.

---

4) str.lastIndexOf(searchValue[, fromIndex]) : returns the index of the last occurrence of the specified value in a string.

---

5) str.substring(start[, end]) : returns a new string that is a substring of the original string.

---

6) str.substr(start[, length]) : returns a new string that is a part of the original string.

---

7) str.toLowerCase() : returns a new string with all characters in lower case.

---

8) str.toUpperCase() : returns a new string with all characters in upper case.

---

9) str.trim() : removes whitespace from both ends of a string

---

10) str.replace(searchValue, replaceValue) : replaces all occurrences of the specified value in a string with another value.

---

Hope this is helpful ✨

Do Like ❤️ & Save 🔖

---

Do 𝗙𝗼𝗹𝗹𝗼𝘄 me on Linkedin for more:
Tips💡+ Guides📜 + Resources ⚡ related to Programming and Web Development 👨‍💻

---

Do Follow me here on dev.to ✅

Comments

[Jaxongir]

Is Elon Musk really tweeted that?

[Alvaro Montoro]

No. It's just clickbait from the author. All their articles follow the same (deceptive) pattern to get attention.

[Jaxongir]

It was sarcasm! But thanx for the reply! You do what you gatta do to, don't you?

[Alvaro Montoro]

Sorry. I'm really dense today. 😓

[Ram Maheshwari ♾️]

xDDD

[shammisharma]

Don't we use str.replace(/l/g, "L") to replace all l with L present in string.

[Ram Maheshwari ♾️]

It uses Regx which is great but can get complicated for beginners who aren't familiar with regular expressions, otherwise, it's ❤️

[shammisharma]

yeah but then shouldn't it say "replaces FIRST occurrence of the specified value..." !

[George Henrique]

there's a .replaceAll, but it's relatively new, i guess, so using regex is your best bet.

[Jonas K]

caniuse.com/?search=replaceAll

Support is good

[Hafiz Muhammad Bilal]

Amazing stuff, truly liked it.
One thing I would like to mention is I think instead of str.charAt(index), It is prefer to use str[index]

[Ram Maheshwari ♾️]

Thanks a lot for sharing that, It will help a lot of people, The only reason why I think charAt() is more preferred over the str[] is that str[] has poor support with some very old browsers so that's why it is recommended to use charAt() as a safe bet otherwise str[] will work just fine 99.99℅ of the time

Again, Thank you so much for sharing this 🙌

[T]

I think charAt() is more preferred over the str[] is that str[] has poor support with some very old browsers

IE7?
Is this a problem in 2023?

Btw, there is a difference between [] and charAt:

'hello'[NaN] // undefined
'hello'.charAt(NaN) // 'h'

'hello'[true] //undefined
'hello'.charAt(true) // 'e'

[Medea]

nice!

[Ram Maheshwari ♾️]

Thank You 🙌

[Julio Campos]

Thanks a lot for the advice,

[Ram Maheshwari ♾️]

No problem 🙌

[Jonas K]

substr is more or less deprecated

[T]

That's why such posts are useless, it's always better to check the actual documentation.

[Jonas K]

Totally agree. Reading up on strings at mdn makes much more sense. Just trying to correct the obvious issues:)

[fruntend]

Сongratulations 🥳! Your article hit the top posts for the week - dev.to/fruntend/top-10-posts-for-f...
Keep it up 👍