当前位置:首页 > JavaScript

js 实现 tolowercase

2026-04-07 02:07:10JavaScript

JavaScript 实现字符串转小写

JavaScript 提供了内置方法 toLowerCase() 来实现字符串转小写功能。该方法会返回一个新的字符串,其中所有字母字符都被转换为小写形式。

js 实现 tolowercase

使用内置方法 toLowerCase()

const originalString = "Hello World";
const lowerCaseString = originalString.toLowerCase();
console.log(lowerCaseString); // 输出: "hello world"

手动实现 toLowerCase()

如果需要手动实现类似功能,可以通过遍历字符串并逐个字符处理:

js 实现 tolowercase

function customToLowerCase(str) {
    let result = '';
    for (let i = 0; i < str.length; i++) {
        const charCode = str.charCodeAt(i);
        // 检查是否为大写字母(A-Z)
        if (charCode >= 65 && charCode <= 90) {
            // 转换为小写字母
            result += String.fromCharCode(charCode + 32);
        } else {
            result += str[i];
        }
    }
    return result;
}

const originalString = "Hello World";
console.log(customToLowerCase(originalString)); // 输出: "hello world"

处理 Unicode 字符

如果需要处理 Unicode 字符或非 ASCII 字符,建议直接使用内置方法 toLowerCase(),因为它能正确处理国际化场景:

const stringWithUnicode = "İstanbul";
console.log(stringWithUnicode.toLowerCase()); // 输出: "i̇stanbul"

注意事项

  • 内置方法 toLowerCase() 不会修改原始字符串,而是返回一个新的字符串。
  • 手动实现版本仅适用于 ASCII 字符,对于 Unicode 字符可能无法正确处理。

标签: jstolowercase
分享给朋友:

相关文章

vue.js实现轮播

vue.js实现轮播

Vue.js 实现轮播功能 使用第三方库(推荐) Vue.js 生态中有许多成熟的轮播组件库,例如 vue-awesome-swiper 或 swiper,它们功能丰富且易于集成。 安装 swipe…

js实现图片放大缩小

js实现图片放大缩小

实现图片放大缩小的基础方法 使用CSS的transform: scale()属性可以快速实现图片的放大缩小效果。通过JavaScript动态修改该属性值: const img = document.…

js实现删除

js实现删除

使用 splice 方法删除数组元素 splice 方法可以删除数组中的元素,并返回被删除的元素。它接受两个参数:起始索引和要删除的元素数量。 const array = [1, 2, 3, 4…

js实现复制功能实现

js实现复制功能实现

使用document.execCommand方法(传统方式,已逐渐被弃用) 传统方式通过document.execCommand('copy')实现复制功能,需先选中文本。以下是一个完整示例: fu…

js实现刷新

js实现刷新

刷新当前页面 使用 location.reload() 方法可以强制刷新当前页面。该方法接受一个布尔参数,默认为 false,表示从缓存中加载页面;设为 true 时强制从服务器重新加载。 // 从…

js实现点击效果

js实现点击效果

实现点击效果的JavaScript方法 使用addEventListener绑定点击事件 通过document.getElementById或document.querySelector获取DOM元素…