您的当前位置:首页>全部文章>文章详情

【JavaScript】字母大小写转换的JS方法

CrazyPanda发表于:2024-11-16 18:39:53浏览:235次TAG: #javascript

1. toUpperCase() 方法:

将字符串中的所有字母转换为大写。例如,`"hello world".toUpperCase()` 将返回 `"HELLO WORLD"`。

2. toLowerCase() 方法:

将字符串中的所有字母转换为小写。例如,`"HELLO WORLD".toLowerCase()` 将返回 `"hello world"`。

3. toLocaleUpperCase() 和 toLocaleLowerCase() 方法:

这些方法根据本地主机的语言环境将字符串转换为大写或小写。在大多数情况下,它们与 `toUpperCase()` 和 `toLowerCase()` 方法的结果相同,但在某些语言(如土耳其语)中可能会有不同的大小写映射。

4. 正则表达式:

可以使用正则表达式来转换字符串中的特定字符或模式。例如,`"HeLlO WoRlD".replace(/[a-z]/g, char => char.toUpperCase())` 将小写字母转换为大写,结果为 `"HELLO WORLD"`。

5. 字符编码:

通过操纵字符的 Unicode 编码来实现大小写转换。大写字母的 Unicode 编码值比小写字母少 32。例如,`String.fromCharCode("a".charCodeAt(0) - 32)` 将返回大写字母 `"A"`。

6. 自定义函数:

可以编写自己的函数来执行大小写转换,通过循环遍历字符串并修改每个字符的 Unicode 编码。例如,以下函数将字符串中的每个字母取反大小写:

function toggleCase(str) {
     let result = "";
     for (let i = 0; i < str.length; i++) {
       let char = str[i];
       let code = char.charCodeAt(0);
       if (code >= 65 && code <= 90) { // 大写字母的 ASCII 码范围
         result += String.fromCharCode(code + 32); // 转换为小写
       } else if (code >= 97 && code <= 122) { // 小写字母的 ASCII 码范围
         result += String.fromCharCode(code - 32); // 转换为大写
       } else {
         result += char; // 非字母字符保持不变
       }
     }
     return result;
   }


选择哪种方法取决于具体的需求和场景。对于大多数情况,`toUpperCase()` 和 `toLowerCase()` 方法已经足够使用。如果需要考虑本地化差异,可以使用 `toLocaleUpperCase()` 和 `toLocaleLowerCase()` 方法。对于更复杂的转换逻辑,可能需要编写自定义函数或使用正则表达式。

猜你喜欢

【JavaScript】JS生成二维码-qrcode.js
二维码又称QRCode,是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码(条形码)能存更多的信息,也能表示更多的数据类型。按照一定规律排列组成的几何图形构成,它巧妙地利用构成计算机内部逻辑...
发表于:2024-10-29 浏览:140 TAG: #二维码 #javascript
【JavaScript】5个最受欢迎的图像处理JS库
图像处理库 (IML) 用于对图像执行各种处理功能:你可以增加图像的亮度、添加饱和度或滤镜、裁剪和调整大小,以及更多有价值的功能,这些功能将帮助你完成几乎所有事情并将你的网络浏览器变成 Adob​​e Lightroom! 我们为每项重要的图像处理任务都提供了库,从简单的低级操作(例如滤镜、亮度和饱和度)到用于裁剪或图像合成的单一用途库。
发表于:2024-10-14 浏览:377 TAG: #javascript #图像 #sharp #cropper
【JavaScript】js获取父级元素
在JavaScript中,我们可以使用以下方法来获取元素的父级:&nbsp;&nbsp;1、 使用parentNode属性:可以通过访问元素的parentNode属性来获取其直接父级元素。例如:var&nbsp;element&nbsp;=&nbsp;document.getElementById(&#39;myElement&#39;); var&nbsp;parentElement&nbsp;=&nbsp;element.parentNode;2、 使用parentElement属性:与pa
发表于:2024-05-11 浏览:262 TAG:
【Javascript】localStorage和sessionStorage的使用
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。&nbsp;二、localStorage的优势与局限localStorage的优势1、localStorage拓展了cookie的4K限制2
发表于:2024-03-27 浏览:339 TAG: #javascript #localstorage #sessionstorage
【JavaScript】JS获取时间并格式化
方法一:使用JavaScript的Date对象和相关方法来获取时间并格式化var&nbsp;now&nbsp;=&nbsp;new&nbsp;Date(); &nbsp; //&nbsp;格式化日期 var&nbsp;year&nbsp;=&nbsp;now.getFullYear(); var&nbsp;month&nbsp;=&nbsp;(now.getMonth()&nbsp;+&nbsp;1&nbsp;&lt;&nbsp;10&nbsp;?&nbsp;&quot;0&quot;&amp;nbs
发表于:2024-08-14 浏览:302 TAG:
【JavaScript】javascript中doucument对象的属性和方法有哪些
doucument对象的属性和方法有:body、cookie、domain、lastmodified、referrer、title、close()、open()、write()、getelementbyid()、normalize()等等。本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。Document 对象每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
发表于:2024-04-14 浏览:287 TAG:
【JavaScript】JS中referer的使用
HTTP请求中有一个referer的报文头,用来指明当前流量的来源参考页。例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就referrer就是www.sina.com.cn/sports/了。在Javascript中,我们可以通过document.referrer来获取同样的信息。通过这个信息,我们就可以知道访客是从什么渠道来到当前页面的。这对于Web Analytics来说,是非常重要的,这可以告诉我们不同渠道带来的流量的分布情况,还有用户搜索
发表于:2024-04-24 浏览:357 TAG:
【JavaScript】如何从 JavaScript 数组中删除重复元素?
在 JavaScript 中,有多种方法可以从数组中删除重复元素。在本文中,我们将探讨一些删除重复元素的顶级方法。使用filter()方法filter()方法使用传递的条件创建一个新的元素数组。这将仅包含作为此过滤器方法的一部分返回 true 的元素。因此,要实现删除重复元素,我们只需在 filter() 方法中添加条件即可,它会完成剩下的工作。#过滤器.js&lt;script&gt; &nbsp;&nbsp;&nbsp;var&nbsp;arr&nbsp;=&nbsp;[&quot;stev
发表于:2024-04-16 浏览:307 TAG:
【JavaScript】如何使用 layui 实现自适应
layui 是一个轻量级的现代前端框架,它提供了丰富的 UI 组件和强大的响应式功能。要使用 layui 实现自适应布局,可以按照以下步骤进行:1. 引用 layui 框架复制以下代码并将其粘贴到你的 HTML 页面中:&lt;script&nbsp;src=&quot;path/to/layui.js&quot;&gt;&lt;/script&gt;2. 定义自适应布局的容器创建用于放置自适应内容的容器,并为其设置 layui-container 类:&lt;div&nbsp;class=&amp;q
发表于:2024-08-08 浏览:241 TAG:
【Javascript】图片转base64的三种js方法
在前端,将图片转换为Base64编码是一种常见的做法,尤其是在不需要服务器端处理图片的情况下。Base64编码允许你将图片直接嵌入到HTML或CSS中,或者在JavaScript中作为字符串传输。以下...
发表于:2024-10-25 浏览:359 TAG: #图像 #base64