js实现对文件根据文件名排序

一、实现功能

通过js实现对文件根据文件名排序，文件名根据首字母排序,按照数字 - 特殊字符 - 大写英文 - 小写英文 - 中文的顺序排序

二、实现思路

1.首先根据文件名将所有文件名进行分类，共计分为四类：

因为文件名大致可以按照类型分为：数字，特殊字符，英文，中文四种类型，我们在此处用四个数组分别维护四种类型的文件名

let enList = [];// 英文数组
let cnList = [];//中文数组
let elList = [];//数字
let numList = [];//其他字符

2.对每一个数据按照既定的规则进行排序

确定完四种类型的文件名数组后，需要对每一种类型的文件名规定一种排序规则

• 中文数组通过localeComparet对比字符串来进行排序
• 其他数组根据字符编码排序

3.对排序后的四个数组拼接在一起

对排序后的数组按照既定的规则拼接在一起

let result = [...numList, ...elList, ...enList, ...cnList];

完整代码实例：

  data() {
    return {
      arr: ["测试第一单元第五章", "阿里","测试第一单元第一章","####","4第二","aaa三", "第3"],
    };
  },
  mounted() {
    this.pySort(this.arr);
  },
methods: {
    pySort(arr, empty) {
      if (!String.prototype.localeCompare) return null;
      var result = [];
      let enList = [];// 英文数组
      let cnList = [];//中文数组
      let elList = [];//数字
      let numList = [];//其他字符
      this.arr.forEach((item) => {
        let first = item.slice(0, 1);
        if (this.isChar(first)) {
          enList.push(item);
        } else if (this.isChinese(first)) {
          cnList.push(item);
        } else if (this.isNumber(first)) {
          numList.push(item);
        } else {
          elList.push(item);
        }
      });
      enList.sort((a, b) => {
        return b.charCodeAt(0) - a.charCodeAt(0);
      });
      cnList.sort((a, b) => {
        return a.slice(0, 1).localeCompare(b.slice(0, 1), "zh-Hans-CN", {
          sensitivity: "accent",
        });
      });
      numList.sort((a, b) => {
        return a.charCodeAt(0) - b.charCodeAt(0);
      });
      elList.sort((a, b) => {
        return a.charCodeAt(0) - b.charCodeAt(0);
      });
      result = [...numList, ...elList, ...enList, ...cnList];
      return result;
    },
    isChinese(temp) {
      var re = /[^\u4E00-\u9FA5]/;
      if (re.test(temp)) {
        return false;
      }
      return true;
    },
    isChar(char) {
      var reg = /[A-Za-z]/;
      if (!reg.test(char)) {
        return false;
      }
      return true;
    },
    isNumber(num) {
      var re = /^([0-9]+\.?[0-9]*|-[0-9]+\.?[0-9]*)$/;
      if (!re.test(num)) {
        return false;
      } else {
        return true;
      }
    },
  },