js中 英文中文混合排序

js中 英文中文数字混合排序

问题简述:

Array本身有sort方法,但是实现不了中英文混合排序。
一、Array默认的排序

Array的默认排序
sort() 方法用原地算法对数组的元素进行排序,并返回数组。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的

let chinese = ['应用','服务器','张三','蓝天','随便什么吧']
chinese.sort()
console.log('chinese',chinese)
let english = ['zara','xxxx','test','what','banana','apple','pear','egg']
english.sort()
console.log('english',english)

结果如下:
在这里插入图片描述
这里的英文排序没有问题,但是中文排序就没有按照字母顺序进行排序。按照了中文字符串的 charCodeAt值进行从小到大的排序。 ‘应用’.charCodeAt() 为24212 ‘张三’.charCodeAt() 值为 24352

二、Array的sort中使用函数

sort的参数可以为一个比较函数,如果没有指明 compareFunction ,那么元素会按照转换为的字符串的诸个字符的Unicode值进行排序。例如 “Banana” 会被排列到 “cherry” 之前。当数字按由小到大排序时,9 出现在 80 之前,但因为(没有指明 compareFunction),比较的数字会先被转换为字符串,所以在Unicode顺序上 “80” 要比 “9” 要靠前。
如果指明了 compareFunction ,那么数组会按照调用该函数的返回值排序。即 a 和 b 是两个将要被比较的元素:

  1. 如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;
  2. 如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变;
  3. 如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 之前。
    compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果,否则排序的结果将是不确定的。
    这个对于数字比较有效。 默认的排序会将10 排在9之前
    在这里插入图片描述
let numbers = [1,20,10,4,9,6]
numbers.sort((x,y)=>{
     if(x>y){
         return 1
     }else if(x

返回值为 [1, 4, 6, 9, 10, 20] 这样就可以按照数字大小正常排序了。
这里提一下一个很好的乱序方法,可以用sort加compareFunction实现。

sortNumbers.sort(()=>{
   return Math.random()-0.5 
})
三、localeCompare中文排序

localCompare是用本地特定的顺序来比较两个字符串。
stringObject.localeCompare(target)
如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。

let chinese2 = ['应用','服务器','张三','蓝天','随便什么吧']
chinese2.sort((x,y)=>{
    return x.localeCompare(y)
})

结果为中文的正常排序
[“服务器”, “蓝天”, “随便什么吧”, “应用”, “张三”]

四、中英文排序

直接使用localCompare对中英文的结果 ,按照中文按照正常排序在前,英文在后,数字会报错。且顺序难以调整
js中 英文中文混合排序_第1张图片
js中 英文中文混合排序_第2张图片
如果要实现中英文一起的排序就需要把以上的方法组合使用。

 let chineseAndEngAndNumber = ['应用','zoo','服务器','banana','pear','start','张三','蓝天','随便什么吧']
 chineseAndEngAndNumber.sort((x,y)=>{
   let reg = /[a-zA-Z0-9]/
    if(reg.test(x)|| reg.test(y)){
       if(x>y){
           return 1
       }else if(x

结果是我们要的了。
[“banana”, “pear”, “start”, “zoo”, “服务器”, “蓝天”, “随便什么吧”, “应用”, “张三”]

你可能感兴趣的:(JavaScript)