Day32 - JS30 - 17 - Sort Without Articles

参考资料
Alex老师教学
pjchender笔记
JS30-Day17-Sort Without Articles

文字排序。
遇到开头是the , a , an 就忽略，改用後方内容排序。

题目预设

const bands = [
    'The Plot in You',
    'The Devil Wears Prada',
    'Pierce the Veil',
    'Norma Jean',
    'The Bled',
    'Say Anything',
    'The Midway State',
    'We Came as Romans',
    'Counterparts',
    'Oh, Sleeper',
    'A Skylit Drive',
    'Anywhere But Here',
    'An Old Dog',
];

bands.sort();//阵列排序

抓取节点

const text = document.getElementById('bands');//ul

先看一下画面和呈现的资料

text.innerHTML = bands.join('');

加上<li>放入<ul>内

text.innerHTML = bands
    .map(item => {
        return `<li>${item}</li>`;
    })
    .join('');

加上正则

// 正则
let filterItem = item => {
    // 开头是a ,the ,an，都替换成空字串
    return item.replace(/^(a |the |an )/i, '').trim();
    // trim()删除字串前後的空白
};

//阵列排序
bands.sort((a, b) => {
    return filterItem(a) > filterItem(b) ? 1 : -1;
});
// sort()是操作原阵列

// 使用新阵列的写法
let sortBands = [...bands].sort((a, b) => {
    return filterItem(a) > filterItem(b) ? 1 : -1;
});
console.log(bands === sortBands); //false

连结