w3resource

JavaScript: Concatenate two strings and return the result

JavaScript Basic: Exercise-64 with Solution

Write a JavaScript program to concatenate two strings and return the result. If the length of the strings are not same then remove the characters from the longer string.

For example "Python" and "JS" will be "onJS".

Pictorial Presentation:

JavaScript: Concatenate two strings and return the result

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JavaScript program to concatenate two strings and return the result. If the length of the strings are not same then remove the characters from the longer string.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function str_con_cat(str1, str2) {
  const m = Math.min(str1.length, str2.length);

  return str1.substring(str1.length - m) + str2.substring(str2.length - m);
}

console.log(str_con_cat("Python", "JS"));
console.log(str_con_cat("ab", "cdef"));

Sample Output:

onJS
abef

Flowchart:

Flowchart: JavaScript - Concatenate two strings and return the result

ES6 Version:

function str_con_cat(str1, str2) {
  const m = Math.min(str1.length, str2.length);

  return str1.substring(str1.length - m) + str2.substring(str2.length - m);
}

console.log(str_con_cat("Python", "JS"));
console.log(str_con_cat("ab", "cdef"));

Live Demo:

See the Pen JavaScript - Concatenate two strings and return the result - basic-ex-64 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Write a JavaScript program to create a string using the middle three characters of a given string of odd length.
Next: Write a JavaScript program to test if a string end with "Script". The string length must be greater or equal to 6.

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