w3resource

JavaScript: Create a new string from a given string with the first character of the given string added at the front and back

JavaScript Basic: Exercise-24 with Solution

Write a JavaScript program to create another string from a given string with the first character of the given string added to the front and back.

This JavaScript program creates a new string by adding the first character of the given string to both the front and back. It retrieves the first character using charAt(0) or substring() function and then concatenates it with the original string twice, once at the beginning and once at the end, to form the new string.

Visual Presentation:

JavaScript: Create a new string from a given string with the first character of the given string added at the front and back

Sample Solution:

JavaScript Code:

// Define a function named front_back that takes a parameter str
function front_back(str) {
  // Extract the first character of str
  first = str.substring(0, 1);
  // Return the concatenation of first, str, and first
  return first + str + first;
}

// Log the result of calling the front_back function with the argument 'a' to the console
console.log(front_back('a'));

// Log the result of calling the front_back function with the argument 'ab' to the console
console.log(front_back('ab'));

// Log the result of calling the front_back function with the argument 'abc' to the console
console.log(front_back('abc')); 

Output:

aaa
aaba
aabca

Live Demo:

See the Pen JavaScript: string added at the front and back: basic-ex-24 by w3resource (@w3resource) on CodePen.


Flowchart:

Flowchart: JavaScript - Create a new string from a given string with the first character of the given string added at the front and back

ES6 Version:

// Using ES6 arrow function syntax to define the front_back function
const front_back = (str) => {
  // Extract the first character of str
  const first = str.substring(0, 1);
  // Return the concatenation of first, str, and first
  return first + str + first;
};

// Log the result of calling the front_back function with the argument 'a' to the console
console.log(front_back('a'));

// Log the result of calling the front_back function with the argument 'ab' to the console
console.log(front_back('ab'));

// Log the result of calling the front_back function with the argument 'abc' to the console
console.log(front_back('abc'));

Improve this sample solution and post your code through Disqus.

Previous: JavaScript program to create a new string from a given string changing the position of first and last characters.
Next: JavaScript program check if a given positive number is a multiple of 3 or a multiple of 7.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.

https://www.w3resource.com/javascript-exercises/javascript-basic-exercise-24.php