js的toLowerCase，toUpperCase是如何实现的？

最新推荐文章于 2024-04-27 00:43:27 发布

weixin_30872789

最新推荐文章于 2024-04-27 00:43:27 发布

阅读量326

点赞数 1

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wangking/p/10868479.html

本文深入探讨了JavaScript中toLowerCase方法的实现原理，通过分析ASCII编码表，详细讲解了如何利用charCodeAt和fromCharCode函数将大写字母转换为小写字母。

js的toLowerCase 是如何实现的？

二、ASCII编码

查阅资料后我知道了，计算机所有的字符都基于ASCII编码，下面是ASCII 基础编码的映射表：

此时，我们不难发现，A-Z 和 a-z 的 ASCII 编码的十进制刚好相差32，

于是我们的实现思路就是将大写的转成十进制编码，再转换成小写字母的十进制编码，最后得到小写字母。js有两个函数能实现这两种转换：

String.fromCharCode(num1, ..., numN) //把编码转换成对应的字符串

str.charCodeAt(index)  //获取字符串的编码

下面，我们就动手实现。

三、代码实现：

toLowerCase():

 1 /**
 2  * @param {string} str
 3  * @return {string}
 4  */
 5 var toLowerCase = function(str) {
 6   // ASCII 编码大写小写相差32
 7   let arr = str.split('');
 8   let AscCode;
 9   let maxCode = 'Z'.charCodeAt();
10   let minCode = 'A'.charCodeAt();
11   for (let i = 0; i < arr.length; i++) {
12     // 转换为ASCII码
13     AscCode = arr[i].charCodeAt();
14     // 大写字母，转小写
15     if (maxCode >= AscCode && minCode <= AscCode) {
16       arr[i] = String.fromCharCode(AscCode+32);
17     }
18   }
19   return arr.join('');
20 };

toUpperCase():

 1 /**
 2  * @param {string} str
 3  * @return {string}
 4  */
 5 var toUpperCase = function(str) {
 6   // ASCII 编码大写小写相差32
 7   let arr = str.split('');
 8   let AscCode;
 9   let maxCode = 'z'.charCodeAt();
10   let minCode = 'a'.charCodeAt();
11   for (let i = 0; i < arr.length; i++) {
12     // 转换为ASCII码
13     AscCode = arr[i].charCodeAt();
14     // 大写字母，转大写
15     if (maxCode >= AscCode && minCode <= AscCode) {
16       arr[i] = String.fromCharCode(AscCode-32);
17     }
18   }
19   return arr.join('');
20 };