WEB前端技术学习笔记：JS排序与indexOf方法详解

本篇文档是关于Web前台技术学习的笔记，主要聚焦在JavaScript和jQuery两个关键领域。首先，我们了解到sort方法是JavaScript数组对象的一个重要特性，用于对数组元素进行排序。sort方法默认按照字符编码进行排序，如果不提供自定义比较函数，例如： ```javascript var vary = newArray(1, 2, 5, 12, 45, 8, 4); ary.sort(); // 默认按照字典序排序，输出：1, 12, 2, 4, 45, 5, 8 ``` 如果需要自定义排序规则，可以传递一个比较函数，如根据数值大小排序： ```javascript ary.sort(function(i, j) { return i - j; }); // 输出：1, 2, 4, 5, 8, 12, 45 ``` 举例中，作者通过`indexOf`方法实现扑克牌的排序，这个方法用于查找指定字符串在另一个字符串中首次出现的位置，返回-1表示未找到。在这个应用场景中，通过比较牌面值在预设顺序`shunxu`中的位置来确定排序顺序。 ```javascript var shunxu = [3, 4, 5, 6, 7, 8, 9, 10, 'J', 'Q', 'K', 'A', 2, '小王', '大王']; var vary = [2, 6, 5, 4, 7, 8, 9, 3, 'J', 'K', '大王', 'Q', 'A', '小王']; ary.sort(function(i, j) { return shunxu.indexOf(i) - shunxu.indexOf(j); }); ``` `ceil()`方法则是数学中的向上取整函数，它会返回大于或等于其数字参数的最大整数。这个方法在处理涉及浮点数的计算或者需要确保结果为整数的情况下非常有用。然而，由于提供的内容主要集中在数组操作上，这部分并未在文档中明确提及，但可以推测在实际项目中可能会用到。 这份学习笔记涵盖了JavaScript的基础操作，如数组排序和字符串查找，以及它们在前端开发中的实际应用。对于想要深入学习Web前端开发的读者，这些知识点提供了很好的参考和实践基础。