How to Use Array Methods on Strings in JavaScript?

In JavaScript, strings and arrays are different types — but they share some common behaviors. In fact, many Array methods can be used on strings too. This opens up creative ways to manipulate text like it’s an array of characters.

Why This Works

Strings in JavaScript are array-like — they have a length and you can access individual characters using index notation:

const name = "Alice";

console.log(name[0]); // "A"
console.log(name.length); // 5

So while strings are immutable (you can’t change them directly), you can still use some array methods like split, map, filter, join, and forEach — by first turning the string into an array.

Split a String into an Array

const word = "hello";
const letters = word.split(""); // ["h", "e", "l", "l", "o"]

Using map() on a String

const shout = "wow";

const upper = shout.split("").map(char => char.toUpperCase()).join("");

console.log(upper); // "WOW"

Using filter() on a String

const text = "hello world";

const noSpaces = text.split("").filter(char => char !== " ").join("");

console.log(noSpaces); // "helloworld"

Using forEach() on a String

"abc".split("").forEach(letter => {
  console.log(letter);
});

// a
// b
// c

Remember: Strings Are Immutable

Even though we can manipulate string characters using array-like methods, we’re always creating a new string. The original string never changes:

const original = "abc";
const reversed = original.split("").reverse().join("");

console.log(original); // "abc"
console.log(reversed); // "cba"

Conclusion

Even though strings and arrays are different in JavaScript, many array methods can be used on strings by first splitting them into arrays. This makes it easier to transform, filter, and process text in a clean and readable way. Just remember — strings are immutable, so you’ll always get a new string as the result.

Next time you’re working with strings, think like an array!