【前端面试】数组排序：array

// which come before lower case letters.

复制代码

如果指明了 compareFunction ，那么数组会按照调用该函数的返回值排序。记 a 和 b 是两个将要被比较的元素：

如果 compareFunction(a, b) 小于 0 ，那么 a 会被排列到 b 之前；

如果 compareFunction(a, b) 等于 0 ， a 和 b 的相对位置不变。备注： ECMAScript 标准并不保证这一行为，而且也不是所有浏览器都会遵守（例如 Mozilla 在 2003 年之前的版本）；

如果 compareFunction(a, b) 大于 0 ， b 会被排列到 a 之前。

compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果，否则排序的结果将是不确定的。

所以，比较函数格式如下：

function compare(a, b) {

if (a is less than b by some ordering criterion) {

return -1;

}

if (a is greater than b by the ordering criterion) {

return 1;

}

// a must be equal to b

return 0;

}

希望比较数字而非字符串，比较函数可以简单的以 a 减 b，如下的函数将会将数组升序排列

function compareNumbers(a, b) {

return a - b;

}

sort 方法可以使用 函数表达式 方便地书写：

var numbers = [4, 2, 5, 1, 3];

numbers.sort(function(a, b) {

return a - b;

});

console.log(numbers);

// [1, 2, 3, 4, 5]

对象可以按照某个属性排序：

var items = [

{ name: ‘Edward’, value: 21 },

{ name: ‘Sharpe’, value: 37 },

{ name: ‘And’, value: 45 },

{ name: ‘The’, value: -12 },

{ name: ‘Magnetic’ },

{ name: ‘Zeros’, value: 37 }

];

items.sort(function (a, b) {

if (a.value > b.value) {

return 1;

}

if (a.value < b.value) {

return -1;

}

// a 必须等于 b

return 0;

});

创建、显示及排序数组

下述示例创建了四个数组，并展示原数组。之后对数组进行排序。对比了数字数组分别指定与不指定比较函数的结果。

var stringArray = [“Blue”, “Humpback”, “Beluga”];

var numericStringArray = [“80”, “9”, “700”];

var numberArray = [40, 1, 5, 200];

var mixedNumericArray = [“80”, “9”, “700”, 40, 1, 5, 200];

function compareNumbers(a, b)

{

return a - b;

}

console.log(‘stringArray:’, stringArray.join());

console.log(‘Sorted:’, stringArray.sort());

console.log(‘numberArray:’, numberArray.join());

console.log(‘Sorted without a compare function:’, numberArray.sort());

console.log(‘Sorted with compareNumbers:’, numberArray.sort(compareNumbers));

console.log(‘numericStringArray:’, numericStringArray.join());

console.log(‘Sorted without a compare function:’, numericStringArray.sort());

console.log(‘Sorted with compareNumbers:’, numericStringArray.sort(compareNumbers));

console.log(‘mixedNumericArray:’, mixedNumericArray.join());

console.log(‘Sorted without a compare function:’, mixedNumericArray.sort());

console.log(‘Sorted with compareNumbers:’, mixedNumericArray.sort(compareNumbers));

该示例的返回结果如下。输出显示，当使用比较函数后，数字数组会按照数字大小排序。

stringArray: Blue,Humpback,Beluga

Sorted: Beluga,Blue,Humpback

numberArray: 40,1,5,200

Sorted without a compare function: 1,200,40,5

Sorted with compareNumbers: 1,5,40,200

numericStringArray: 80,9,700

Sorted without a compare function: 700,80,9

Sorted with compareNumbers: 9,80,700

mixedNumericArray: 80,9,700,40,1,5,200
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

前端面试题汇总

---

前端面试题是我面试过程中遇到的面试题，每一次面试后我都会复盘总结。我做了一个整理，并且在技术博客找到了专业的解答，大家可以参考下：

由于篇幅有限，只能分享部分面试题，完整版面试题及答案可以【点击我】阅读下载哦~无偿分享给大家

感悟

8c.png)

由于篇幅有限，只能分享部分面试题，完整版面试题及答案可以【点击我】阅读下载哦~无偿分享给大家

感悟

春招面试的后期，运气和实力都很重要，自己也是运气比较好，为了回馈粉丝朋友们（毕竟自己也玩了这么久哈哈哈），整理个人感悟和总结以上。最后祝愿大家能够收获理想offer！！