w3resource

JavaScript: Sort the strings of a given array of strings in the order of increasing lengths

JavaScript Basic: Exercise-143 with Solution

Write a JavaScript program to sort the strings of a given array of strings in the order of increasing lengths.

Note: Do not change the order if the lengths of two string are same.

Pictorial Presentation:

JavaScript: Sort the strings of a given array of strings in the order of increasing lengths.

Sample Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Sort the strings of a given array of strings in the order of increasing lengths.</title>
</head>
<body>

</body>
</html>

JavaScript Code:

function sort_by_string_length(arra) {
	for (var i = 0; i < arra.length; i++) {
		for (var j = i + 1; j < arra.length; j++) {
			if (arra[i].length > arra[j].length) {
				var m = arra[i];
				arra[i] = arra[j];
				arra[j] = m;
			}
		}
	}
	return arra;
}
var arra = ["xyz","acd","aa","bb","zzz","", "a","b"];
console.log("Original array: "+ arra+"\n");
console.log(sort_by_string_length(["xyz","acd","aa","bb","zzz","", "a","b"]));

Sample Output:

Original array: xyz,acd,aa,bb,zzz,,a,b

["","a","b","bb","aa","xyz","acd","zzz"]

Flowchart:

Flowchart: JavaScript - Sort the strings of a given array of strings in the order of increasing lengths

ES6 Version:

function sort_by_string_length(arra) {
	for (let i = 0; i < arra.length; i++) {
		for (let j = i + 1; j < arra.length; j++) {
			if (arra[i].length > arra[j].length) {
				const m = arra[i];
				arra[i] = arra[j];
				arra[j] = m;
			}
		}
	}
	return arra;
}
var arra = ["xyz","acd","aa","bb","zzz","", "a","b"];
console.log("Original array: ",arra);
console.log(sort_by_string_length(["xyz","acd","aa","bb","zzz","", "a","b"]));

Live Demo:

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


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to simplify a given absolute path for a file in Unix-style.
Next: Write a JavaScript program to break an address of an url and put it's part into an array.

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