w3resource

JavaScript: Replace each character of a given string by the next one in the English alphabet

JavaScript Basic: Exercise-84 with Solution

Write a JavaScript to replace each character of a given string by the next one in the English alphabet.

Note: ‘a’ will be replace by ‘b’ or ‘z’ would be replaced by ‘a’.

Pictorial Presentation:

JavaScript: Replace each character of a given string by the next one in the English alphabet.

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Write a JavaScript to replace each character of a given string by the next one in the English alphabet</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function alphabet_char_Shift(str) {
  var all_chars = str.split("");
  for(var i = 0; i < all_chars.length; i++) {
    var n = all_chars[i].charCodeAt() - 'a'.charCodeAt();
    n = (n + 1) % 26; 
    all_chars[i] = String.fromCharCode(n + 'a'.charCodeAt());
  }
  return all_chars.join("");
}

console.log(alphabet_char_Shift("abcdxyz"))

Sample Output:

bcdeyza

Flowchart:

Flowchart: JavaScript - Replace each character of a given string by the next one in the English alphabet

ES6 Version:

function alphabet_char_Shift(str) {
  const all_chars = str.split("");
  for(let i = 0; i < all_chars.length; i++) {
    let n = all_chars[i].charCodeAt() - 'a'.charCodeAt();
    n = (n + 1) % 26; 
    all_chars[i] = String.fromCharCode(n + 'a'.charCodeAt());
  }
  return all_chars.join("");
}

console.log(alphabet_char_Shift("abcdxyz"))

Live Demo:

See the Pen javascript-basic-exercise-84 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Write a JavaScript to find the longest string from an given array of strings.
Next: Write a JavaScript code to divide an given array of positive integers into two parts.

What is the difficulty level of this exercise?



JavaScript: Tips of the Day

Classes/function constructors

class Person {
  constructor() {
    this.name = 'Owen';
  }
}

Person = class AnotherPerson {
  constructor() {
    this.name = 'Eddie';
  }
};

const member = new Person();
console.log(member.name);

We can set classes equal to other classes/function constructors. In this case, we set Person equal to AnotherPerson. The name on this constructor is Eddie, so the name property on the new Person instance member is "Eddie".

Ref: https://bit.ly/3jFRBje