从头学前端系列——String对象方法详解

前端

2023-09-04 08:25:12

亮点提示：

有了这篇文章，前端小白也可以轻松掌握String对象方法
本篇教程将从String对象定义、常用方法介绍等多角度带领你掌握String对象方法

String对象概述

String对象是JavaScript中用来定义字符串的对象，是基本数据类型string的包装对象。String对象提供了许多强大的方法来处理字符串，使开发人员能够轻松地操作和修改字符串。

String对象方法

String对象提供了许多方法来处理字符串，包括：

charAt()方法 ：返回指定位置的字符。
charCodeAt()方法 ：返回指定位置字符的Unicode编码。
concat()方法 ：将两个或多个字符串连接成一个新字符串。
endsWith()方法 ：检查字符串是否以指定的字符串结尾。
fromCharCode()方法 ：根据Unicode编码创建字符串。
includes()方法 ：检查字符串是否包含指定的子字符串。
indexOf()方法 ：返回指定子字符串在字符串中首次出现的位置。
lastIndexOf()方法 ：返回指定子字符串在字符串中最后出现的位置。
length属性 ：返回字符串的长度。
match()方法 ：在字符串中查找与正则表达式匹配的所有子字符串。
replace()方法 ：用新的子字符串替换字符串中与正则表达式匹配的所有子字符串。
search()方法 ：在字符串中查找与正则表达式匹配的第一个子字符串。
slice()方法 ：从字符串中提取一个子字符串。
split()方法 ：根据指定的分隔符将字符串拆分成一个字符串数组。
startsWith()方法 ：检查字符串是否以指定的字符串开头。
substr()方法 ：从字符串中提取一个子字符串。
substring()方法 ：从字符串中提取一个子字符串。
toLocaleLowerCase()方法 ：将字符串转换为小写。
toLocaleUpperCase()方法 ：将字符串转换为大写。
toLowerCase()方法 ：将字符串转换为小写。
toUpperCase()方法 ：将字符串转换为大写。
trim()方法 ：从字符串两端删除空白字符。

String对象使用示例

以下是一些String对象方法的使用示例：

// 创建一个String对象
var str = new String("Hello World");

// 使用charAt()方法返回指定位置的字符
var char = str.charAt(0); // H

// 使用charCodeAt()方法返回指定位置字符的Unicode编码
var code = str.charCodeAt(0); // 72

// 使用concat()方法将两个或多个字符串连接成一个新字符串
var newStr = str.concat("!"); // Hello World!

// 使用endsWith()方法检查字符串是否以指定的字符串结尾
var result = str.endsWith("!"); // true

// 使用fromCharCode()方法根据Unicode编码创建字符串
var newStr = String.fromCharCode(72, 101, 108, 108, 111, 32, 87, 111, 114, 108, 100); // Hello World

// 使用includes()方法检查字符串是否包含指定的子字符串
var result = str.includes("World"); // true

// 使用indexOf()方法返回指定子字符串在字符串中首次出现的位置
var index = str.indexOf("World"); // 6

// 使用lastIndexOf()方法返回指定子字符串在字符串中最后出现的位置
var index = str.lastIndexOf("World"); // 6

// 使用length属性返回字符串的长度
var length = str.length; // 11

// 使用match()方法在字符串中查找与正则表达式匹配的所有子字符串
var matches = str.match(/o/g); // ["o", "o"]

// 使用replace()方法用新的子字符串替换字符串中与正则表达式匹配的所有子字符串
var newStr = str.replace(/o/g, "a"); // Halla Warld

// 使用search()方法在字符串中查找与正则表达式匹配的第一个子字符串
var index = str.search(/o/g); // 4

// 使用slice()方法从字符串中提取一个子字符串
var subStr = str.slice(0, 5); // Hello

// 使用split()方法根据指定的分隔符将字符串拆分成一个字符串数组
var arr = str.split(" "); // ["Hello", "World"]

// 使用startsWith()方法检查字符串是否以指定的字符串开头
var result = str.startsWith("Hello"); // true

// 使用substr()方法从字符串中提取一个子字符串
var subStr = str.substr(0, 5); // Hello

// 使用substring()方法从字符串中提取一个子字符串
var subStr = str.substring(0, 5); // Hello

// 使用toLocaleLowerCase()方法将字符串转换为小写
var lowerStr = str.toLocaleLowerCase(); // hello world

// 使用toLocaleUpperCase()方法将字符串转换为大写
var upperStr = str.toLocaleUpperCase(); // HELLO WORLD

// 使用toLowerCase()方法将字符串转换为小写
var lowerStr = str.toLowerCase(); // hello world

// 使用toUpperCase()方法将字符串转换为大写
var upperStr = str.toUpperCase(); // HELLO WORLD

// 使用trim()方法从字符串两端删除空白字符
var trimmedStr = str.trim(); // Hello World