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 a new string from a given string with the first character of the given string added at the front and back.

Pictorial 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:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JavaScript program to create a new string from a given string with the first character of the given string added at the front and back.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function front_back(str)
{
  first = str.substring(0,1);
  return first + str + first;
}
console.log(front_back('a'));
console.log(front_back('ab'));
console.log(front_back('abc'));

Sample Output:

aaa
aaba
aabca

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:

function front_back(str)
{
  first = str.substring(0,1);
  return first + str + first;
}
console.log(front_back('a'));
console.log(front_back('ab'));
console.log(front_back('abc'));

Live Demo:

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


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to create a new string from a given string changing the position of first and last characters.
Next: Write a 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?



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