Introduction to JavaScript Strings

Introduction

JavaScript Strings provide a way of representing and handling characters.

JavaScript Strings

A JavaScript string is a set of character(s) written inside quotes.

// with single quote
let emptyString = '' // an empty string
let name = 'Elon Musk'

// with double quotes
let project = "SpaceX"

Declaring a String in JavaScript does not restrict usage of single '' and double quotes ""

Acess character

String objects provide a useful method for accessing a character in a string

let catName = 'Anita'
console.log(catName.charAt(0)) // prints 'A', character at a position 0

Strings behave like Array-like objects, so above can be:

let catName = 'Anita'
console.log(catName[0])// prints 'A'
// looping throug each character
for (let i = 0; i < catName.length; i ++) {
  console.log(catName[i]) // A, n, i, t, a
}

Get length of a JavaScript String

const THREAD_NAME = 'Moonspiracy'
console.log(THREAD_NAME.length) // prints number of characters// 11

Summary

JavaScript Strings provide a way of presenting strings using double or single quotes. Both syntaxes are valid and usage is based on project style guide and preferences.

Comments

[Peter Vivo]

The new .at also works in String ... but not in IE

'Elon Musk'.at(-1) // k

'Elon Musk'.slice(-4) // Musk

Maybe you can write about regexp which is great tool of string handling.

[Naftali Murgor]

Great insight! Never occured to me. I think IE is the "lost sheep" of web browsers haha

[Roman K]

There is something interesting about turning a string to array, would you like a quiz?

// all are true:
typeof x == 'string'
x.length == 2;
[...x].length == 1

What was the x? :)

[Naftali Murgor]

Great insight!

[Roman K]

Was for you, okay I'll mention next time, you're right!

x = "💩"

thanks for the link - I never heard of Segmenter