sorting array based on names but not getting names in a proper manner

Question

I'm trying to sort an array based on alphabetic characters, and then and then on numbers:

data = [];
data = ["sem 1","sem 2","sem 3","sem 4","sem 10","sem 15","sem 21"];
data.sort((item1, item2) => {
   if (item1.name === item2.name) return 0;
   return item1.name > item2.name ? 1 : -1;
});

However, if I get an array result like this:

data = ["sem 1","sem 10","sem 15","sem2","sem 21","sem 3"];

how can I get an array like this?:

data = ["sem 1", "sem 2","sem 3", "sem 4","sem 10","sem 15","sem 21"];