JavaScript Fundamentals

Strings

Learn how to work with text in JavaScript - creating, combining, and manipulating strings

Find videos you like?

Save to resource drawer for future reference!

Strings: Working with Text

A string is simply text - like a person's name, a message, or a sentence. Strings are wrapped in quotes and are one of the most commonly used data types!

Examples of Strings

"Hello, World!" • 'JavaScript' • "alice@email.com" • '123 Main St' • "🎉"

Three Ways to Create Strings

Use quotes to tell JavaScript "this is text"

Single Quotes

'Hello, World!'

Most common way

Double Quotes

"Hello, World!"

Works exactly the same

Backticks

`Hello, ${name}!`

For templates (advanced)

Pick One & Stay Consistent

Single quotes and double quotes work exactly the same. Choose one style and use it throughout your code!

Creating Strings

Different ways to create text in JavaScript

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Combining Strings (Concatenation)

Join multiple strings together with the + operator

How Concatenation Works

'Hello'+' World'→'Hello World'

'I am '+25+' years old'→'I am 25 years old'

Combining Strings Example

Use the + operator to join strings together

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

String Length

Find out how many characters are in a string

How to Get Length

stringName.length

Add .length after any string

Examples

'Hello'.length → 5

'JavaScript'.length → 10

'Hi!'.length → 3

''.length → 0

Spaces Count Too!

'Hello World'.length is 11 because the space between words counts as a character!

String Length Example

Count how many characters are in strings

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Accessing Individual Characters

Get a specific character from a string using brackets [ ]

Index Numbers Start at 0

Index:

0

1

2

3

4

Letter:

H

e

l

o

Remember: Counting Starts at 0!

The first character is at index 0, second at index 1, and so on. This is true for most programming languages!

Accessing Characters Example

Get individual letters from a string using bracket notation

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Useful String Methods

Built-in functions to transform and work with strings

toUpperCase()

Make all UPPERCASE

'hello'.toUpperCase() → 'HELLO'

toLowerCase()

Make all lowercase

'HELLO'.toLowerCase() → 'hello'

trim()

Remove spaces from ends

' hi '.trim() → 'hi'

includes()

Check if text exists

'hello'.includes('ell') → true

slice()

Cut out a part

'hello'.slice(1, 4) → 'ell'

replace()

Replace text

'hi'.replace('i', 'o') → 'ho'

String Methods in Action

Transform and manipulate strings with built-in methods

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Key Takeaways

💬

Strings = Text in Quotes

'hello' or "hello" - both work the same

➕

Combine with + Operator

'Hello' + ' ' + 'World' = 'Hello World'

📏

Use .length for Size

'hello'.length gives you 5 characters

🔢

Index Starts at 0

'Hi'[0] is 'H', 'Hi'[1] is 'i'

Previous Topic

this Keyword

Understanding context binding and how this works in different scenarios.

Next Topic

Template Literals

String interpolation and multi-line strings with ES6+ template literals.

Ask a Question

Have a question about Strings? Ask our AI assistant.

🔐 Login to use AI Assistant

JavaScript Code Editor

Write and experiment with JavaScript code.

Loading...

Output

Click "Run Code" to see the output.

JavaScript Fundamentals

Strings

Learn how to work with text in JavaScript - creating, combining, and manipulating strings

Find videos you like?

Save to resource drawer for future reference!

Strings: Working with Text

A string is simply text - like a person's name, a message, or a sentence. Strings are wrapped in quotes and are one of the most commonly used data types!

Examples of Strings

"Hello, World!" • 'JavaScript' • "alice@email.com" • '123 Main St' • "🎉"

Three Ways to Create Strings

Use quotes to tell JavaScript "this is text"

Single Quotes

'Hello, World!'

Most common way

Double Quotes

"Hello, World!"

Works exactly the same

Backticks

`Hello, ${name}!`

For templates (advanced)

Pick One & Stay Consistent

Single quotes and double quotes work exactly the same. Choose one style and use it throughout your code!

Creating Strings

Different ways to create text in JavaScript

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Combining Strings (Concatenation)

Join multiple strings together with the + operator

How Concatenation Works

'Hello'+' World'→'Hello World'

'I am '+25+' years old'→'I am 25 years old'

Combining Strings Example

Use the + operator to join strings together

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

String Length

Find out how many characters are in a string

How to Get Length

stringName.length

Add .length after any string

Examples

'Hello'.length → 5

'JavaScript'.length → 10

'Hi!'.length → 3

''.length → 0

Spaces Count Too!

'Hello World'.length is 11 because the space between words counts as a character!

String Length Example

Count how many characters are in strings

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Accessing Individual Characters

Get a specific character from a string using brackets [ ]

Index Numbers Start at 0

Index:

0

1

2

3

4

Letter:

H

e

l

o

Remember: Counting Starts at 0!

The first character is at index 0, second at index 1, and so on. This is true for most programming languages!

Accessing Characters Example

Get individual letters from a string using bracket notation

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Useful String Methods

Built-in functions to transform and work with strings

toUpperCase()

Make all UPPERCASE

'hello'.toUpperCase() → 'HELLO'

toLowerCase()

Make all lowercase

'HELLO'.toLowerCase() → 'hello'

trim()

Remove spaces from ends

' hi '.trim() → 'hi'

includes()

Check if text exists

'hello'.includes('ell') → true

slice()

Cut out a part

'hello'.slice(1, 4) → 'ell'

replace()

Replace text

'hi'.replace('i', 'o') → 'ho'

String Methods in Action

Transform and manipulate strings with built-in methods

javascript

code

DarkEditable

Console Output

Click "Run Code" to see output here...

Key Takeaways

💬

Strings = Text in Quotes

'hello' or "hello" - both work the same

➕

Combine with + Operator

'Hello' + ' ' + 'World' = 'Hello World'

📏

Use .length for Size

'hello'.length gives you 5 characters

🔢

Index Starts at 0

'Hi'[0] is 'H', 'Hi'[1] is 'i'

Coder Pod - Learn Programming Online | AI Coding Tutor & Interview Practice

this Keyword

Template Literals

JavaScript Code Editor

Building Your Learning Module...

Strings

Strings: Working with Text

Examples of Strings

Single Quotes

Double Quotes

Backticks

Pick One & Stay Consistent

Creating Strings

How Concatenation Works

Combining Strings Example

How to Get Length

Examples

Spaces Count Too!

String Length Example

Index Numbers Start at 0

Remember: Counting Starts at 0!

Accessing Characters Example

String Methods in Action

Key Takeaways

Strings = Text in Quotes

Combine with + Operator

Use .length for Size

Index Starts at 0

this Keyword

Template Literals

JavaScript Code Editor

Strings

Strings: Working with Text

Examples of Strings

Single Quotes

Double Quotes

Backticks

Pick One & Stay Consistent

Creating Strings

How Concatenation Works

Combining Strings Example

How to Get Length

Examples

Spaces Count Too!

String Length Example

Index Numbers Start at 0

Remember: Counting Starts at 0!

Accessing Characters Example

String Methods in Action

Key Takeaways

Strings = Text in Quotes

Combine with + Operator

Use .length for Size

Index Starts at 0