我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript中字符串的常用方法总结

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript中字符串的常用方法总结

1.字符串长度

length 属性返回字符串的长度:

var str = "字符串常用方法总结-东东吖";
str.length;  //13

2.查找字符串中的位置

有三种查找字符串中的位置:

  • indexOf()
  • lastIndexOf()
  • search()

indexOf()

indexOf() 方法返回字符串中指定文本首次出现的索引(从0开始),如果没有则为-1,可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。

var str = "字符串常用方法总结-东东吖";
str.indexOf('东')  //10
str.indexOf('东',11)  //11
str.indexOf('东东') //10
str.indexOf('方法')  //5
str.indexOf('前')  //-1

lastIndexOf()

lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引(从尾到头),如果没有则为-1。可以设置第二个参数,假如第二个参数是 10,则从位置 10 开始检索,直到字符串的起点。(这里需认真理解最后一次的概念)

var str = "字符串常用方法总结-东东吖";
str.lastIndexOf('总')     //7
str.lastIndexOf('吖')    //12
str.lastIndexOf('东')    //11
str.lastIndexOf('东',10)  //10
str.lastIndexOf('东东')  //10
str.indexOf('前')       //-1

search()

search() 方法搜索特定值的字符串,并返回匹配的位置:

var str = "字符串常用方法总结-东东吖";
str.search('方') //5
str.search('东') //10
str.search('东东') //10

您注意到了吗?

两种方法,indexOf() 与 search(),是相等的。

这两种方法是不相等的。区别在于:

  • search() 方法无法设置第二个开始位置参数。
  • indexOf() 方法无法设置更强大的搜索值(正则表达式)

3.提取部分字符串

有三种提取部分字符串的方法:

  • slice(start, end)
  • substring(start, end)
  • substr(start, length)

substring()和substr()记忆方法:有ing尾巴的使用尾巴,没尾巴的使用长度。

slice()

slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。

该方法设置两个参数:起始索引(开始位置),终止索引(结束位置)

var str = "Apple, Banana, Mango";
str.slice(0,8);  // 'Apple, B'   注意此处空格也占一个位置

如果某个参数为负,则从字符串的结尾开始计数。

这个例子裁剪字符串中位置 -12 到位置 -6 的片段:

var str = "Apple, Banana, Mango";
str.slice(-13,-7);  //'Banana'

如果省略第二个参数,则该方法将裁剪字符串的剩余部分:

var str = "Apple, Banana, Mango";
str.slice(7);     //'Banana, Mango'
str.slice(-13);   //'Banana, Mango'

substring()

substring() 类似于 slice()

不同之处在于substring() 无法接受负的索引,同样可以省略第二个参数。

var str = "Apple, Banana, Mango";
 str.substring(7,13);  //'Banana'
 str.substring(7); //'Banana, Mango'

substr()

substr() 类似于 slice()

不同之处在于第二个参数规定被提取部分的长度,同样可以省略第二个参数、如果首个参数为负,则从字符串的结尾计算位置。

var str = "Apple, Banana, Mango";
str.substr(7,6);  //'Banana'
str.substr(7);   //'Banana, Mango'
str.substr(-5);  //'Mango'

4.替换字符串内容

  • replace() 方法用另一个值替换在字符串中指定的值
  • replace() 方法不会改变调用它的字符串。它返回的是新字符串
  • replace() 默认只替换首个匹配
  • 如需替换所有匹配,请使用正则表达式的 /str/g 标志(用于全局搜索):
  • 如需执行大小写不敏感的替换,请使用正则表达式/str/i(大小写不敏感):
var str ='我叫东东吖,我是一名前端工程师!';
str.replace("前","后");   // "我叫东东吖,我是一名后端工程师!"
str.replace("东","西");   //"我叫西东吖,我是一名前端工程师!"

var str = "Please visit Microsoft!";
str.replace(/MICROSOFT/i, "W3School");    // "Please visit W3School!" 

5.转换为大写和小写

通过 toUpperCase() 把字符串转换为大写

通过 toLowerCase() 把字符串转换为小写

var str ="abc"; 
str.toUpperCase();    // "ABC" 

var str ="CBD";
str.toLowerCase();    //"cbd" 

6.连接字符串

concat() 连接两个或多个字符串:

var text = "Hello" + " " + "World!";
var text = "Hello".concat(" ","World!");

所有字符串方法都会返回新字符串。它们不会修改原始字符串。

正式地说:字符串是不可变的:字符串不能更改,只能替换。

7.删除字符串两端的空白符

trim() 方法删除字符串两端的空白符:

var str = "       Hello Worl d!        ";
str.trim();      // "Hello World!"

8.提取字符串字符

这是两个提取字符串字符的安全方法:

  • charAt() 方法返回字符串中指定下标(位置)的字符串:
  • charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码:
var str = "HELLO WORLD";
str.charAt(0);         //  H
str.charCodeAt(0);     // 72

到此这篇关于JavaScript中字符串的常用方法总结的文章就介绍到这了,更多相关JavaScript字符串内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript中字符串的常用方法总结

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

JavaScript中字符串的常用方法总结

这篇文章主要为大家总结了一些JavaScript中字符串的常用方法,文中的示例代码讲解详细,对我们学习JavaScript有一定的帮助,需要的可以参考一下
2022-12-08

JavaScript中常用的几种字符串方法总结

本篇内容介绍了“JavaScript中常用的几种字符串方法总结”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JavaScript可以做什么1
2023-06-14

java字符串中常用的十个方法总结

String类中提供了丰富的用于操作字符串的方法,下面这篇文章主要给大家介绍了关于java字符串中常用的十个方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-01-11

java中字符串常见的方法及总结

这篇文章主要介绍了java中字符串常见的方法及总结,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
2022-12-29

Dart String字符串的常用方法总结概述

这篇文章主要为大家介绍了Dart String字符串的常用方法概述,总结整理了大概4000多字,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-05-18

java字符串遍历的几种常用方法总结

Java字符串是一系列的Unicode字符序列,但是它却常常被误认为是char序列,这篇文章主要给大家介绍了关于java字符串遍历的几种常用方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-05-14

Python中常用操作字符串的函数与方法总结

例如这样一个字符串 Python,它就是几个字符:P,y,t,h,o,n,排列起来。这种排列是非常严格的,不仅仅是字符本身,而且还有顺序,换言之,如果某个字符换了,就编程一个新字符串了;如果这些字符顺序发生变化了,也成为了一个新字符串。 在
2022-06-04

Python中字符串,列表与字典的常用拼接方法总结

本篇指南详细介绍了Python中字符串、列表和字典的常用拼接方法。字符串拼接可通过+运算符、join()或format()实现。列表拼接可以使用+、extend()或append()方法。字典拼接可通过update()方法、dict()构造函数或chainmap()函数完成。对于复杂场景,字符串插值、模板或正则表达式可用于字符串拼接。列表拼接会创建新对象,字典合并会覆盖相同键值对。
Python中字符串,列表与字典的常用拼接方法总结
2024-04-02

Python字符串的用法总结

本篇内容介绍了“Python字符串的用法总结”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!创建字符串很简单,只要为变量分配一个值即可。例如:
2023-06-04

python常用字符串操作的总结

本篇内容主要讲解“python常用字符串操作的总结”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“python常用字符串操作的总结”吧!1、字符串使用乘法运算符*做乘法运算的含义是复制。>>> p
2023-06-20

JavaScript实现字符串截取的三个方法总结

在 JavaScript 中,可以使用 substr()、slice() 和 substring() 方法截取字符串。这篇文章就来通过一些示例和大家聊聊这些方法的具体操作,需要的可以参考一下
2023-02-27

python中f字符串以及其常见用法总结

python中的f是format函数的缩写,用于格式化输出,下面这篇文章主要给大家介绍了关于python中f字符串以及其常见用法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-05-20

编程热搜

目录