How to customize sort an array

Question

I'm trying to sort an array of objects in JS, but it doesn't work for some reason. The array I requested from API may contain numbers, upper and lower case letters, and some Chinese characters.

eg:

const arr = [
{ "title": "!Test Segment and CSV" }, 
{ "title": "&test (SC)" }, 
{ "title": "1234test (SC)" }, 
{ "title": "AAShop1 (SC)" }, 
{ "title": "AAShop2(SC)" }, 
{ "title": "ABCshop123 (SC)" },
{ "title": "adidas Outlet" },
{ "title": "AIGLE" }, 
{ "title": "American Eagle" },
{ "title": "Châteraisé" }, 
{ "title": "Tekcent" }, 
{ "title": "반찬 & COOK" },
{ "title": "始祖鸟" }, 
{ "title": "春水堂" }, 
{ "title": "稻成" }
];

I want it sorted according to the following rules.

1. sort a after A

2. sort B after A

3. sort Ac after ABC

    { "title": "!Test Segment and CSV" }, 
    { "title": "&test (SC)" }, 
    { "title": "1234test (SC)" }, 
    { "title": "AAShop1 (SC)" }, 
    { "title": "AAShop2(SC)" }, 
    { "title": "ABCshop123 (SC)" },
    { "title": "AIGLE" }, 
    { "title": "American Eagle" },
    { "title": "adidas Outlet" },
    { "title": "Châteraisé" }, 
    { "title": "Tekcent" }, 
    { "title": "始祖鸟" }, 
    { "title": "春水堂" }, 
    { "title": "稻成" },
    { "title": "반찬 & COOK" }
   

Thanks in advance for any help!

Answer 1

.sort() and .localeCompare(). Note, in the OP, the input array is already sorted correctly so in this answer I have jumbled the order of the input array to demonstrate that the code functions correctly.

const data = [{ "title": "BB" }, { "title": "Ac" }, { "title": "adidas" }, { "title": "AA" }, { "title": "Ba" }, { "title": "ABC" }];

const output = data.sort((a, b) => a.title.localeCompare(b.title));

console.log(output);

Answer 2

You just need to sort it on lower case.

    let myArr = [{ "title": "AA" }, { "title": "ABC" }, { "title": "Ac" }, { "title": "adidas" }, { "title": "Ba" }, { "title": "BB" }]
    let sortList = myArr.sort(function (a, b) {
        return a.title.toLowerCase() > b.title.toLowerCase()
    })
    console.log(sortList)

Answer 3

You can simply achieve that without manipulating a string into a lowerCase with the only help of a simple Array.sort() method.

Live Demo :

let myArr = [{ "title": "AA" }, { "title": "ABC" }, { "title": "Ac" }, { "title": "adidas" }, { "title": "Ba" }, { "title": "BB" }];

let sortedArr = myArr.sort((a, b) => {
    return a.title - b.title
});

console.log(sortedArr);