An Input match position priority

match-priority.js

const cityNames = [
  "Dystopya",
  "Crispy Corners",
  "Pyongyang",
  "Pylontropolis",
  "Pyramida",
  "Happytown",
  "Sleepy Hollow",
  "Pylonville",
  "Empyreal Heights"
];

function getCitySuggestions(input) {
  // Filter city names based on the input
  let matches = cityNames
    .filter(city => city.toLowerCase().includes(input.toLowerCase()));

  // Sort the matches: prioritize based on the position of the match, 
  // and then alphabetically
  matches.sort((a, b) => {
    const indexA = a.toLowerCase().indexOf(input.toLowerCase());
    const indexB = b.toLowerCase().indexOf(input.toLowerCase());

    if (indexA < indexB) return -1;
    if (indexA > indexB) return 1;
    
    // If the match position is the same, sort alphabetically
    return a.localeCompare(b);
  });

  return matches;
}

// getCitySuggestions("py")