JavaScript String Methods

작성자

카테고리:

← 피드로
DEV Community · Annapoorani Kadhiravan · 2026-06-26 개발(SW)

A String in JavaScript is a sequence of characters used to store text.

let course = "JavaScript";

Enter fullscreen mode Exit fullscreen mode

1. String length

Purpose

Returns the total number of characters in a string.

Syntax

string.length

Enter fullscreen mode Exit fullscreen mode

Example

let company = "OpenAI";

console.log(company.length);

Enter fullscreen mode Exit fullscreen mode

Output

6

Enter fullscreen mode Exit fullscreen mode

Real-Time Example

Checking password length before registration.

2. String charAt()

Purpose

Returns the character at a specified index.

Syntax

string.charAt(index)

Enter fullscreen mode Exit fullscreen mode

Example

let city = "Madurai";

console.log(city.charAt(3));

Enter fullscreen mode Exit fullscreen mode

Output

u

Enter fullscreen mode Exit fullscreen mode

Internal Logic

M a d u r a i
0 1 2 3 4 5 6

Enter fullscreen mode Exit fullscreen mode

Index 3 contains “u”.

3. String charCodeAt()

Purpose

Returns the Unicode value (UTF-16 code) of a character.

Example

let letter = "A";

console.log(letter.charCodeAt(0));

Enter fullscreen mode Exit fullscreen mode

Output

65

Enter fullscreen mode Exit fullscreen mode

More Examples

console.log("a".charCodeAt(0));

Enter fullscreen mode Exit fullscreen mode

Output:

97

Enter fullscreen mode Exit fullscreen mode

4. String codePointAt()

Purpose

Returns the Unicode code point of a character.

Useful for emojis and special symbols.

Example

let emoji = "😊";

console.log(emoji.codePointAt(0));

Enter fullscreen mode Exit fullscreen mode

Output

128522

Enter fullscreen mode Exit fullscreen mode

Difference

console.log("😊".charCodeAt(0));
console.log("😊".codePointAt(0));

Enter fullscreen mode Exit fullscreen mode

codePointAt() gives the actual Unicode value.

5. String concat()

Purpose

Combines two or more strings.

Example

let firstName = "Annapoorani";
let lastName = " Kadhiravan";

let fullName = firstName.concat(lastName);

console.log(fullName);

Enter fullscreen mode Exit fullscreen mode

Output

Annapoorani Kadhiravan

Enter fullscreen mode Exit fullscreen mode

Alternative

console.log(firstName + lastName);

Enter fullscreen mode Exit fullscreen mode

6. String at()

Purpose

Returns character at a specific position.

Supports negative indexing.

Example

let language = "JavaScript";

console.log(language.at(0));
console.log(language.at(-1));

Enter fullscreen mode Exit fullscreen mode

Output

J
t

Enter fullscreen mode Exit fullscreen mode

7. String [ ]

Purpose

Access characters using bracket notation.

Example

let laptop = "Dell";

console.log(laptop[0]);
console.log(laptop[2]);

Enter fullscreen mode Exit fullscreen mode

Output

D
l

Enter fullscreen mode Exit fullscreen mode

Difference

console.log(laptop.charAt(0));
console.log(laptop[0]);

Enter fullscreen mode Exit fullscreen mode

Both return same result.

8. String slice()

Purpose

Extracts part of a string.

Syntax

string.slice(start,end)

Enter fullscreen mode Exit fullscreen mode

Example

let course = "JavaScript";

console.log(course.slice(0,4));

Enter fullscreen mode Exit fullscreen mode

Output

Java

Enter fullscreen mode Exit fullscreen mode

Negative Index

console.log(course.slice(-6));

Enter fullscreen mode Exit fullscreen mode

Output

Script

Enter fullscreen mode Exit fullscreen mode

9. String substring()

Purpose

Extracts characters between indexes.

Example

let company = "Microsoft";

console.log(company.substring(0,5));

Enter fullscreen mode Exit fullscreen mode

Output

Micro

Enter fullscreen mode Exit fullscreen mode

Difference from slice()

let str = "JavaScript";

console.log(str.slice(-6));
console.log(str.substring(-6));

Enter fullscreen mode Exit fullscreen mode

Output:

Script
JavaScript

Enter fullscreen mode Exit fullscreen mode

substring() doesn’t support negative indexes.

10. String substr()

⚠️ Deprecated (Avoid in new projects)

Purpose

Extracts characters based on start position and length.

Example

let city = "Chennai";

console.log(city.substr(2,4));

Enter fullscreen mode Exit fullscreen mode

Output

enna

Enter fullscreen mode Exit fullscreen mode

Explanation

Start at index 2
Take 4 characters

Enter fullscreen mode Exit fullscreen mode

11. String toUpperCase()

Purpose

Converts string to uppercase.

Example

let name = "annapoorani";

console.log(name.toUpperCase());

Enter fullscreen mode Exit fullscreen mode

Output

ANNAPOORANI

Enter fullscreen mode Exit fullscreen mode

12. String toLowerCase()

Purpose

Converts string to lowercase.

Example

let company = "OPENAI";

console.log(company.toLowerCase());

Enter fullscreen mode Exit fullscreen mode

Output

openai

Enter fullscreen mode Exit fullscreen mode

13. String isWellFormed()

Purpose

Checks whether a string contains valid Unicode characters.

Example

let text = "Hello";

console.log(text.isWellFormed());

Enter fullscreen mode Exit fullscreen mode

Output

true

Enter fullscreen mode Exit fullscreen mode

Use Case

Unicode validation before processing text.

14. String toWellFormed()

Purpose

Converts malformed Unicode into valid Unicode.

Example

let text = "\uD800";

console.log(text.toWellFormed());

Enter fullscreen mode Exit fullscreen mode

Output

Enter fullscreen mode Exit fullscreen mode

Use Case

Cleaning corrupted text data.

15. String trim()

Purpose

Removes spaces from beginning and end.

Example

let email = "  [email protected]  ";

console.log(email.trim());

Enter fullscreen mode Exit fullscreen mode

Output

[email protected]

Enter fullscreen mode Exit fullscreen mode

16. String trimStart()

Purpose

Removes spaces only from beginning.

Example

let text = "   Hello";

console.log(text.trimStart());

Enter fullscreen mode Exit fullscreen mode

Output

Hello

Enter fullscreen mode Exit fullscreen mode

17. String trimEnd()

Purpose

Removes spaces only from end.

Example

let text = "Hello   ";

console.log(text.trimEnd());

Enter fullscreen mode Exit fullscreen mode

Output

Hello

Enter fullscreen mode Exit fullscreen mode

18. String padStart()

Purpose

Adds characters at the beginning until desired length.

Example

let orderId = "123";

console.log(orderId.padStart(6,"0"));

Enter fullscreen mode Exit fullscreen mode

Output

000123

Enter fullscreen mode Exit fullscreen mode

Real-Time Example

Generating invoice numbers.

19. String padEnd()

Purpose

Adds characters at the end.

Example

let code = "JS";

console.log(code.padEnd(5,"*"));

Enter fullscreen mode Exit fullscreen mode

Output

JS***

Enter fullscreen mode Exit fullscreen mode

20. String repeat()

Purpose

Repeats a string multiple times.

Example

let star = "*";

console.log(star.repeat(5));

Enter fullscreen mode Exit fullscreen mode

Output

*****

Enter fullscreen mode Exit fullscreen mode

Real-Time Example

Printing separators.

21. String replace()

Purpose

Replaces first matching occurrence.

Example

let sentence = "I love Java. Java is powerful.";

console.log(sentence.replace("Java","JavaScript"));

Enter fullscreen mode Exit fullscreen mode

Output

I love JavaScript. Java is powerful.

Enter fullscreen mode Exit fullscreen mode

Note

Only first occurrence is replaced.

22. String replaceAll()

Purpose

Replaces all matching occurrences.

Example

let sentence = "Java Java Java";

console.log(sentence.replaceAll("Java","JS"));

Enter fullscreen mode Exit fullscreen mode

Output

JS JS JS

Enter fullscreen mode Exit fullscreen mode

23. String split()

Purpose

Converts string into array.

Example

let skills = "HTML,CSS,JavaScript";

let result = skills.split(",");

console.log(result);

Enter fullscreen mode Exit fullscreen mode

Output

["HTML", "CSS", "JavaScript"]

Enter fullscreen mode Exit fullscreen mode

Split by Space

let sentence = "Learning JavaScript Daily";

console.log(sentence.split(" "));

Enter fullscreen mode Exit fullscreen mode

Output

["Learning","JavaScript","Daily"]

Enter fullscreen mode Exit fullscreen mode

Quick Comparison Table

Method Purpose length Count characters charAt() Get character charCodeAt() Unicode value codePointAt() Unicode code point concat() Join strings at() Access character (supports negative index) [ ] Access character slice() Extract part of string substring() Extract text (no negative index) substr() Extract by length (deprecated) toUpperCase() Convert to uppercase toLowerCase() Convert to lowercase isWellFormed() Check valid Unicode toWellFormed() Fix invalid Unicode trim() Remove spaces both sides trimStart() Remove left spaces trimEnd() Remove right spaces padStart() Add characters at beginning padEnd() Add characters at end repeat() Repeat string replace() Replace first match replaceAll() Replace all matches split() Convert string to array

References:
https://www.w3schools.com/js/js_string_methods.asp

원문에서 계속 ↗

추출 본문 · 출처: dev.to · https://dev.to/annapoo/javascript-string-methods-3kll

코멘트

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다