JS 字母大小写转换|极客笔记

JS 字母大小写转换

在日常的前端开发中，经常会遇到需要对字符串中的字母大小写进行转换的需求。JavaScript提供了一些内置的方法来实现这些转换操作。本文将详细介绍如何在JavaScript中进行字母大小写的转换，包括大写转小写、小写转大写、首字母大写等操作。

将字符串全部转换为大写或小写

在JavaScript中，我们可以使用toUpperCase()和toLowerCase()方法将字符串中的所有字母转换为大写或小写。这两个方法分别返回一个新的字符串，原字符串不会被改变。

let str = "Hello, World!";
let upperCaseStr = str.toUpperCase();
let lowerCaseStr = str.toLowerCase();

console.log(upperCaseStr); // 输出 "HELLO, WORLD!"
console.log(lowerCaseStr); // 输出 "hello, world!"

将字符串的首字母转换为大写

有时我们需要将字符串的首字母转换为大写，可以使用以下方法实现。首先将字符串转换为小写，然后将首字母转换为大写。

function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}

let str = "hello, world!";
let result = capitalizeFirstLetter(str);

console.log(result); // 输出 "Hello, world!"

将字符串的首字母转换为小写

如果需要将字符串的首字母转换为小写，可以使用如下方法。首先将字符串转换为大写，然后将首字母转换为小写。

function uncapitalizeFirstLetter(str) {
  return str.charAt(0).toLowerCase() + str.slice(1).toUpperCase();
}

let str = "HELLO, WORLD!";
let result = uncapitalizeFirstLetter(str);

console.log(result); // 输出 "hELLO, WORLD!"

切换字符串中的字母大小写

有时候我们需要将字符串中的大写字母转换为小写，小写字母转换为大写。可以使用以下方法实现。

function toggleCase(str) {
  let result = "";
  for (let i = 0; i < str.length; i++) {
    let char = str.charAt(i);
    if (char === char.toUpperCase()) {
      result += char.toLowerCase();
    } else {
      result += char.toUpperCase();
    }
  }
  return result;
}

let str = "Hello, World!";
let result = toggleCase(str);

console.log(result); // 输出 "hELLO, wORLD!"

示例代码运行结果

将字符串全部转换为大写或小写：

let str = "Hello, World!";
let upperCaseStr = str.toUpperCase();
let lowerCaseStr = str.toLowerCase();

console.log(upperCaseStr); // 输出 "HELLO, WORLD!"
console.log(lowerCaseStr); // 输出 "hello, world!"

将字符串的首字母转换为大写：

function capitalizeFirstLetter(str) {
  return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
}

let str = "hello, world!";
let result = capitalizeFirstLetter(str);

console.log(result); // 输出 "Hello, world!"

将字符串的首字母转换为小写：

function uncapitalizeFirstLetter(str) {
  return str.charAt(0).toLowerCase() + str.slice(1).toUpperCase();
}

let str = "HELLO, WORLD!";
let result = uncapitalizeFirstLetter(str);

console.log(result); // 输出 "hELLO, WORLD!"

切换字符串中的字母大小写：

function toggleCase(str) {
  let result = "";
  for (let i = 0; i < str.length; i++) {
    let char = str.charAt(i);
    if (char === char.toUpperCase()) {
      result += char.toLowerCase();
    } else {
      result += char.toUpperCase();
    }
  }
  return result;
}

let str = "Hello, World!";
let result = toggleCase(str);

console.log(result); // 输出 "hELLO, wORLD!"

通过以上示例代码，我们可以看到如何在JavaScript中实现字母大小写的转换操作，包括将字符串全部转换为大写或小写、将字符串的首字母转换为大写或小写，以及切换字符串中的字母大小写。这些方法可以帮助我们在前端开发中轻松处理字符串的大小写转换需求。