Handling Strings in JavaScript

Lesson Overview

Welcome to an engaging JavaScript session! In this unit, we will delve deeper into handling string data in JavaScript. Consider situations in which you have to analyze text data, like constructing a web scraper or developing a text-based algorithm to interpret user reviews of a website. All these cases require efficient handling of strings, which involves analyzing and manipulating them. In this lesson, we will focus on how to traverse strings and perform operations on each character using JavaScript. The objective of this lesson is to become proficient in using JavaScript loops with a specific emphasis on strings . We will explore the techniques of string indexing and practice character operations using JavaScript functions.

Working with ASCII Codes in Characters

Characters in JavaScript can be manipulated using their ASCII values. ASCII (American Standard Code for Information Interchange) is a character encoding standard used to represent text in computers and other devices that use text. Every character has a unique ASCII value. You can convert a character into its ASCII value using the charCodeAt() method: JavaScript let c = 'A'; let asciiVal = c.charCodeAt(0); // Retrieves the ASCII value of the character at index 0 of the string c, which is 'A', and assigns it to the variable asciiVal. console.log(`The ASCII value of ${c} is: ${asciiVal}`); // Prints: The ASCII value of A is: 65 Similarly, you can convert an ASCII value back to its corresponding character using String.fromCharCode() : JavaScript let asciiVal = 65; let c = String.fromCharCode(asciiVal); console.log(`The character of ASCII value ${asciiVal} is: ${c}`); // Prints: The character of ASCII value 65 is: A Manipulating the ASCII value of characters can be quite useful in certain situations. For example, to convert a lowercase letter to uppercase (or vice versa), you could subtract (or add) 32 to the character's ASCII value.

String Indexing Reminder

JavaScript strings work with a zero-based indexing system. This means that you can access specific characters in a string by using their position. Please note: If you try to access an index that does not exist in your string, JavaScript will return undefined . Hence, it is always recommended to check the string length before accessing any index. Here's an example: JavaScript let text = "Hello, JavaScript!"; let index = 9; // The index we want to access if (index < text.length) {let charAtIndex = text.charAt(index); console.log(`The character at index ${index} is: ${charAtIndex}`);} else {console.log(`The index ${index} is out of bounds for the string!`);} // Prints: The character at index 9 is: v

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

JavaScript

let text = "Hello, JavaScript!";
let index = 9; // The index we want to access

if (index < text.length) {
    let charAtIndex = text.charAt(index);
    console.log(`The character at index ${index} is: ${charAtIndex}`);
} else {
    console.log(`The index ${index} is out of bounds for the string!`);
}

// Prints: The character at index 9 is: v

JavaScript

let s = "mark";
let result = '';
for (let i = 0; i < s.length; i++) {
    result += s.charAt(i).toUpperCase();
    // You can also use s[i] instead of s.charAt(i)
}
console.log(result);  // Prints: 'MARK'

s = "Mark";
result = '';
for (let i = 0; i < s.length; i++) {
    result += s.charAt(i).toLowerCase();
}
console.log(result);  // Prints: 'mark'

function isLowerCase(char) {
    return char === char.toLowerCase() && char !== char.toUpperCase();
}

function isUpperCase(char) {
    return char === char.toUpperCase() && char !== char.toLowerCase();
}

console.log("Is 'a' lowercase? " + isLowerCase('a'));  // Prints: true
console.log("Is 'B' lowercase? " + isLowerCase('B'));  // Prints: false

console.log("Is 'a' uppercase? " + isUpperCase('a'));  // Prints: false
console.log("Is 'B' uppercase? " + isUpperCase('B'));  // Prints: true

function isLetter(char) {
    return /^[a-zA-Z]$/.test(char);
}

function isDigit(char) {
    return /^[0-9]$/.test(char);
}

function isLetterOrDigit(char) {
    return /^[a-zA-Z0-9]$/.test(char);
}

console.log(isLetter('C'));  // Prints: true
console.log(isLetter('+'));  // Prints: false

console.log(isDigit('9'));  // Prints: true
console.log(isDigit('D'));  // Prints: false

console.log(isLetterOrDigit('6'));  // Prints: true
console.log(isLetterOrDigit('k'));  // Prints: true
console.log(isLetterOrDigit('?'));  // Prints: false

JavaScript

let s = "mark";
let result = '';
for (let i = 0; i < s.length; i++) {
    result += s.charAt(i).toUpperCase();
    // You can also use s[i] instead of s.charAt(i)
}
console.log(result);  // Prints: 'MARK'

s = "Mark";
result = '';
for (let i = 0; i < s.length; i++) {
    result += s.charAt(i).toLowerCase();
}
console.log(result);  // Prints: 'mark'

JavaScript

function isLowerCase(char) {
    return char === char.toLowerCase() && char !== char.toUpperCase();
}

function isUpperCase(char) {
    return char === char.toUpperCase() && char !== char.toLowerCase();
}

console.log("Is 'a' lowercase? " + isLowerCase('a'));  // Prints: true
console.log("Is 'B' lowercase? " + isLowerCase('B'));  // Prints: false

console.log("Is 'a' uppercase? " + isUpperCase('a'));  // Prints: false
console.log("Is 'B' uppercase? " + isUpperCase('B'));  // Prints: true

function isLowerCase(char) {
    return char === char.toLowerCase() && char !== char.toUpperCase();
}

function isUpperCase(char) {
    return char === char.toUpperCase() && char !== char.toLowerCase();
}

console.log("Is 'a' lowercase? " + isLowerCase('a'));  // Prints: true
console.log("Is 'B' lowercase? " + isLowerCase('B'));  // Prints: false

console.log("Is 'a' uppercase? " + isUpperCase('a'));  // Prints: false
console.log("Is 'B' uppercase? " + isUpperCase('B'));  // Prints: true

JavaScript

function isLetter(char) {
    return /^[a-zA-Z]$/.test(char);
}

function isDigit(char) {
    return /^[0-9]$/.test(char);
}

function isLetterOrDigit(char) {
    return /^[a-zA-Z0-9]$/.test(char);
}

console.log(isLetter('C'));  // Prints: true
console.log(isLetter('+'));  // Prints: false

console.log(isDigit('9'));  // Prints: true
console.log(isDigit('D'));  // Prints: false

console.log(isLetterOrDigit('6'));  // Prints: true
console.log(isLetterOrDigit('k'));  // Prints: true
console.log(isLetterOrDigit('?'));  // Prints: false

function isLetter(char) {
    return /^[a-zA-Z]$/.test(char);
}

function isDigit(char) {
    return /^[0-9]$/.test(char);
}

function isLetterOrDigit(char) {
    return /^[a-zA-Z0-9]$/.test(char);
}

console.log(isLetter('C'));  // Prints: true
console.log(isLetter('+'));  // Prints: false

console.log(isDigit('9'));  // Prints: true
console.log(isDigit('D'));  // Prints: false

console.log(isLetterOrDigit('6'));  // Prints: true
console.log(isLetterOrDigit('k'));  // Prints: true
console.log(isLetterOrDigit('?'));  // Prints: false

JavaScript

function isLowerCase(char) {
    return char === char.toLowerCase() && char !== char.toUpperCase();
}

function isUpperCase(char) {
    return char === char.toUpperCase() && char !== char.toLowerCase();
}

console.log("Is 'a' lowercase? " + isLowerCase('a'));  // Prints: true
console.log("Is 'B' lowercase? " + isLowerCase('B'));  // Prints: false

console.log("Is 'a' uppercase? " + isUpperCase('a'));  // Prints: false
console.log("Is 'B' uppercase? " + isUpperCase('B'));  // Prints: true

JavaScript

function isLetter(char) {
    return /^[a-zA-Z]$/.test(char);
}

function isDigit(char) {
    return /^[0-9]$/.test(char);
}

function isLetterOrDigit(char) {
    return /^[a-zA-Z0-9]$/.test(char);
}

console.log(isLetter('C'));  // Prints: true
console.log(isLetter('+'));  // Prints: false

console.log(isDigit('9'));  // Prints: true
console.log(isDigit('D'));  // Prints: false

console.log(isLetterOrDigit('6'));  // Prints: true
console.log(isLetterOrDigit('k'));  // Prints: true
console.log(isLetterOrDigit('?'));  // Prints: false

Lesson Overview

Working with ASCII Codes in Characters

String Indexing Reminder

Join the 1M+ learners on CodeSignal

Character Operations

Lesson Summary and Practice