前端知识点---字符串的函数

server/2024/12/19 14:40:59/

文章目录

  • 1. length
  • 2. charAt(index)
  • 3. indexOf(searchValue, start)
  • 4. lastIndexOf(searchValue, start)
  • 5. slice(start, end)
  • 6. substring(start, end)
  • 7. substr(start, length)
  • 8. toUpperCase() 和 toLowerCase()
  • 9. trim()
  • 10. split(separator)
  • 11. replace(searchValue, newValue)
  • 12. includes(searchValue)
  • 13. startsWith(searchValue)
  • 14. endsWith(searchValue)
  • 15. match(regexp)
  • 16. concat(...strings)
  • 17. repeat(count)
  • 18. codePointAt(index)

1. length

length 属性返回字符串的字符数。

javascript">let str = "Hello, world!";
console.log(str.length);  // 输出: 13

2. charAt(index)

charAt 返回指定位置的字符。如果索引超出范围,返回空字符串。

javascript">let str = "Hello";
console.log(str.charAt(0));  // 输出: "H"
console.log(str.charAt(5));  // 输出: ""

3. indexOf(searchValue, start)

indexOf 返回指定子字符串第一次出现的位置,如果找不到则返回 -1。

javascript">let str = "Hello, world!";
console.log(str.indexOf("world"));  // 输出: 7
console.log(str.indexOf("Java"));   // 输出: -1

4. lastIndexOf(searchValue, start)

lastIndexOf 返回指定子字符串最后一次出现的位置,从指定位置开始搜索。

javascript">let str = "Hello, world! Welcome, world!";
console.log(str.lastIndexOf("world"));  // 输出: 21

5. slice(start, end)

slice 方法从字符串的 start 索引位置提取到 end 索引位置(不包括 end)。

javascript">let str = "Hello, world!";
console.log(str.slice(0, 5));  // 输出: "Hello"
console.log(str.slice(7));     // 输出: "world!"

6. substring(start, end)

substring 和 slice 类似,但它会把负值转换为 0,并且 start 总是小于 end,如果 start 大于 end,它会交换它们。

javascript">let str = "Hello, world!";
console.log(str.substring(0, 5));  // 输出: "Hello"
console.log(str.substring(7, 0));  // 输出: "Hello" (自动交换)

7. substr(start, length)

substr 方法从 start 索引位置开始,提取指定长度的子字符串(不包括指定的 length)。

javascript">let str = "Hello, world!";
console.log(str.substr(7, 5));  // 输出: "world"

8. toUpperCase() 和 toLowerCase()

这两个方法分别将字符串转换为大写和小写。

javascript">let str = "Hello, world!";
console.log(str.toUpperCase());  // 输出: "HELLO, WORLD!"
console.log(str.toLowerCase());  // 输出: "hello, world!"

9. trim()

trim 方法去除字符串两端的空格。

javascript">let str = "  Hello, world!  ";
console.log(str.trim());  // 输出: "Hello, world!"

10. split(separator)

split 方法将字符串按指定分隔符分割成一个数组。

javascript">let str = "apple,banana,cherry";
let arr = str.split(",");
console.log(arr);  // 输出: ["apple", "banana", "cherry"]

11. replace(searchValue, newValue)

replace 方法用于替换字符串中的某部分内容,返回一个新的字符串。它只会替换第一个匹配的部分,除非使用正则表达式中的 g 标志。

javascript">let str = "Hello, world!";
let newStr = str.replace("world", "JavaScript");
console.log(newStr);  // 输出: "Hello, JavaScript!"

12. includes(searchValue)

includes 方法检查字符串是否包含指定的子字符串。如果包含返回 true,否则返回 false。

javascript">let str = "Hello, world!";
console.log(str.includes("world"));  // 输出: true
console.log(str.includes("JavaScript"));  // 输出: false

13. startsWith(searchValue)

startsWith 检查字符串是否以指定的子字符串开始。

javascript">let str = "Hello, world!";
console.log(str.startsWith("Hello"));  // 输出: true
console.log(str.startsWith("world"));  // 输出: false

14. endsWith(searchValue)

endsWith 检查字符串是否以指定的子字符串结束。

javascript">let str = "Hello, world!";
console.log(str.endsWith("world!"));  // 输出: true
console.log(str.endsWith("Hello"));   // 输出: false

15. match(regexp)

match 方法用于根据正则表达式检索字符串,返回一个匹配的结果数组。

javascript">let str = "The quick brown fox jumps over the lazy dog";
let result = str.match(/\b\w{5}\b/g);  // 匹配所有长度为5的单词
console.log(result);  // 输出: ["quick", "brown", "jumps"]

16. concat(…strings)

concat 方法连接一个或多个字符串,返回一个新的字符串。

javascript">let str1 = "Hello";
let str2 = "World";
let result = str1.concat(", ", str2, "!");
console.log(result);  // 输出: "Hello, World!"

17. repeat(count)

repeat 方法返回一个新字符串,该字符串是原字符串重复指定次数的结果。

javascript">let str = "Hello";
console.log(str.repeat(3));  // 输出: "HelloHelloHello"

18. codePointAt(index)

codePointAt 方法返回指定位置的字符的 Unicode 编码点。

javascript">let str = "Hello";
console.log(str.codePointAt(0));  // 输出: 72 (Unicode 编码 "H")

http://www.ppmy.cn/server/151464.html

相关文章

力扣hot100——哈希

1. 两数之和 class Solution { public:vector<int> twoSum(vector<int>& nums, int target) {vector<int> ans;map<int, int> mp;for (int i 0; i < nums.size(); i) {if (mp.count(target - nums[i])) {ans.push_back(mp[target - nums[i]])…

scanf 缓冲区与输入处理机制

在C语言编程中&#xff0c;输入输出的问题常常让初学者感到困惑&#xff0c;尤其是scanf函数的行为特性。这篇文章将深入探讨scanf的工作原理&#xff0c;以及它与输入缓冲区之间的关系。相信读完后&#xff0c;您会对这个看似简单却暗藏玄机的话题有全新的认识。 缓冲区是操作…

XML Schema 复合类型 - 混合内容

XML Schema 复合类型 - 混合内容 XML Schema 是一种用于定义 XML 文档结构和内容的语言。在 XML Schema 中&#xff0c;复合类型是一种包含其他元素和/或属性的复杂类型。混合内容&#xff08;Mixed Content&#xff09;是复合类型的一种特殊形式&#xff0c;它允许元素包含其…

DP3复现代码运行逻辑全流程(六)—— gen_demonstration_adroit.sh 演示生成与可视化

用于生成演示、培训和评估的脚本都在 Scripts/ 文件夹中 DP3 通过 gen_demonstration 生成演示&#xff0c;即训练数据&#xff0c;例如: bash scripts/gen_demonstration_adroit.sh hammer 这将在 Adroit 环境中生成锤子任务的演示。数据将自动保存在 3D-Diffusion-Policy/…

深入探索Vue.js中的class绑定:动态样式管理的核心机制

深入探索Vue.js中的class绑定&#xff1a;动态样式管理的核心机制 引言 在现代Web开发中&#xff0c;动态样式管理是提升用户体验的关键。Vue.js提供了一种简洁而强大的方法来实现这一目标&#xff0c;即通过v-bind:class指令来绑定类名。本文将详细介绍v-bind:class指令的定…

【深度学习基础】Windows实时查看GPU显存占用、功耗、进程状态

1. nvitop python环境下&#xff0c;实时查看GPU显存占用、功耗、进程状态 pip install nvitop nvitop2. nvidia-smi 打开cmd输入nvidia-smi 缺点是不能动态查看

游戏引擎学习第54天

仓库: https://gitee.com/mrxiao_com/2d_game 回顾 我们现在正专注于在游戏世界中放置小实体来代表所有的墙。这些实体围绕着世界的每个边缘。我们有活跃的实体&#xff0c;这些实体位于玩家的视野中&#xff0c;频繁更新&#xff0c;而那些离玩家较远的实体则以较低的频率运…

Java集合(完整版)

集合框架 Collection集合 概念&#xff1a;对象的容器&#xff0c;定义了对多个对象进行操作的常用方法。可以实现数组的功能 和数组的区别&#xff1a; 数组的长度固定&#xff0c;集合长度不固定数组可以存储基本类型和引用类型&#xff0c;集合只能存储引用类型 Collec…