本系列可作为前端学习系列的笔记，代码的运行环境是在HBuilder中，小编会将代码复制下来，大家复制下来就可以练习了，方便大家学习。
HTML和CSS系列文章 已经收录在前端专栏，有需要的宝宝们可以点击前端专栏查看！
点赞关注不迷路！您的点赞、关注和收藏是对小编最大的支持和鼓励！
系列文章目录
JavaScript- 1.1 行内、内部、外部三种引用方式
JavaScript- 3.1 定时器函数 window.settimeout & window.settinterval
JavaScript- 3.2 JavaScript实现不同显示器尺寸的响应式主题和页面
JavaScript- 4.1 DOM-document对象
目录
前言
小编作为新晋码农一枚，会定期整理一些写的比较好的代码，作为自己的学习笔记，会试着做一下批注和补充，如转载或者参考他人文献会标明出处，非商用，如有侵权会删改！欢迎大家斧正和讨论！
一、内置对象：String
String 是 JavaScript 中的一个内置对象，用于表示和处理文本数据。它提供了一系列方法来操作字符串值。
1、创建 String 对象
可以通过两种方式创建 String 对象：
javascript
// 1. 字符串字面量（最常用）
let str1 = "Hello World";
// 2. 使用 String 构造函数
let str2 = new String("Hello World");虽然两种方式都可以创建字符串，但通常推荐使用字符串字面量，因为它更高效且是原始类型。
2、String 属性
String 对象有以下常用属性：
length：返回字符串的长度javascriptlet str = "Hello"; console.log(str.length); // 输出: 5
3、String 方法
String 对象提供了许多有用的方法来操作字符串：
获取字符串信息
-
charAt(index)：返回指定索引处的字符javascript"Hello".charAt(1); // 返回 "e" -
charCodeAt(index)：返回指定索引处字符的 Unicode 编码javascript"Hello".charCodeAt(1); // 返回 101 ('e' 的 Unicode 值) -
codePointAt(index)：返回指定索引处字符的 Unicode 码点javascript"Hello".codePointAt(1); // 返回 101
查找字符串
-
indexOf(searchValue[, fromIndex])：返回指定值在字符串中首次出现的位置javascript"Hello World".indexOf("o"); // 返回 4 -
lastIndexOf(searchValue[, fromIndex])：返回指定值在字符串中最后一次出现的位置javascript"Hello World".lastIndexOf("o"); // 返回 7 -
includes(searchString[, position])：判断字符串是否包含指定的子字符串javascript"Hello World".includes("World"); // 返回 true -
startsWith(searchString[, position])：判断字符串是否以指定的子字符串开头javascript"Hello World".startsWith("Hello"); // 返回 true -
endsWith(searchString[, position])：判断字符串是否以指定的子字符串结尾javascript"Hello World".endsWith("World"); // 返回 true
提取字符串部分
-
slice(startIndex[, endIndex])：提取字符串的一部分javascript"Hello World".slice(0, 5); // 返回 "Hello" -
substring(startIndex[, endIndex])：提取字符串中介于两个指定下标之间的字符javascript"Hello World".substring(6, 11); // 返回 "World" -
substr(startIndex[, length])：从指定位置开始提取指定长度的字符（已废弃，建议使用 substring 或 slice）javascript"Hello World".substr(6, 5); // 返回 "World"
修改字符串
-
concat(str2[, ...strN])：连接字符串javascript"Hello".concat(" ", "World"); // 返回 "Hello World" -
toLowerCase()：将字符串转换为小写javascript"HELLO".toLowerCase(); // 返回 "hello" -
toUpperCase()：将字符串转换为大写javascript"hello".toUpperCase(); // 返回 "HELLO" -
trim()：去除字符串两端的空白字符javascript" Hello ".trim(); // 返回 "Hello" -
trimStart()/trimLeft()：去除字符串开头的空白字符 -
trimEnd()/trimRight()：去除字符串结尾的空白字符
替换和分割
-
replace(searchValue, replaceValue)：在字符串中替换指定的子字符串javascript"Hello World".replace("World", "JavaScript"); // 返回 "Hello JavaScript" -
replaceAll(searchValue, replaceValue)：替换字符串中所有匹配的子字符串javascript"Hello World World".replaceAll("World", "JavaScript"); // 返回 "Hello JavaScript JavaScript" -
split([separator[, limit]])：将字符串分割为字符串数组javascript"a,b,c".split(","); // 返回 ["a", "b", "c"]
其他方法
-
padStart(targetLength[, padString])：在当前字符串开头填充指定的字符串，直到达到指定的长度javascript"5".padStart(3, "0"); // 返回 "005" -
padEnd(targetLength[, padString])：在当前字符串结尾填充指定的字符串，直到达到指定的长度javascript"5".padEnd(3, "0"); // 返回 "500" -
repeat(count)：返回指定重复次数的字符串javascript"ha".repeat(3); // 返回 "hahaha" -
match(regexp)：使用正则表达式执行搜索javascript"Hello World".match(/World/); // 返回 ["World"] -
search(regexp)：执行正则表达式搜索javascript"Hello World".search(/World/); // 返回 6
4、模板字符串（ES6）
ES6 引入了模板字符串，使用反引号 ( ) 定义：
javascript
let name = "Alice";
let greeting = `Hello, ${name}!`; // Hello, Alice!模板字符串的特性：
- 支持多行字符串
- 支持插值表达式
${expression} - 支持标签模板（tagged templates）
5、注意事项
-
JavaScript 中的字符串是不可变的（immutable），所有字符串方法都会返回新字符串，而不会修改原始字符串。
-
虽然可以使用
new String()创建字符串对象，但通常推荐使用字符串字面量，因为：- 字符串字面量是原始类型，效率更高
- 字符串对象可能会在类型比较时产生意外结果
-
字符串方法不会改变原始字符串，而是返回一个新的字符串。
String 对象是 JavaScript 中最常用的内置对象之一，掌握其方法对于字符串操作至关重要。
二、代码实战
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>内置对象-String</title>
</head>
<body>
<script type="text/javascript">
//创建
var s="abcdefghijk";
var myString=new String('abcdefg');
//属性
console.log(myString.length);
//方法 取局部字符 所在位置的字符 字符所在的位置
console.log(myString.substr(2,3));//起始位置 长度
console.log(myString.substring(1,5));//起始位置 终止位置 不包括终止位置
console.log(myString.charAt(6));
console.log(myString.indexOf('a'));
</script>
</body>
</html>
代码运行如下：
总结
以上就是今天要讲的内容，本文简单记录了内置对象String，仅作为一份简单的笔记使用，大家根据注释理解
扫一扫
848
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
