js中字符串常用方法总结

js String对象中常用方法小结(字符串操作) 1、charCodeAt方法返回一个整数,代表指定位置字符的Unicode编码。 strObj.charCodeAt(index) 说明: index将被处理字符的从零开始计数的编号。有效值为0到字符串长度减1的数字。 如果指定位置没有字符,将返回NaN。 例如: var str = “ABC”; str.charCodeAt(0); 结果:65 2、fromCharCode方法从一些Unicode字符串中返回一个字符串。 String.fromCharCode([code1[,code2…]]) 说明: code1,code2…是要转换为字符串的Unicode字符串序列。如果没有参数,结果为 立即下载

目录

1、indexOf()

示例

2、charAt()

3、concat()

示例:

4、substring() 

示例:

5、substr()

示例:

注意:

6、slice() 

示例:

说明:

7、replace() 

示例:

8、replaceAll() 

示例:     

注意:

9、split()

示例:

说明:

10、trim()

示例:

11、match()

示例:


1、indexof()

indexOf() 方法返回调用它的 String 对象中第一次出现的指定值的索引,从 fromIndex 处进行搜
索。如果未找到该值,则返回 -1 。
语法如下: str . indexOf ( searchValue [, fromIndex ])

示例

        var str1 = 'hello world';
        var p = str1.indexOf('l');
        console.log(p); //2
        p = str1.indexOf('l', 3);
        console.log(p); //3
        p = str1.indexOf('l', 4);
        console.log(p); //9
        p = str1.indexOf('llo');
        console.log(p); //2
        p = str1.indexOf('lloo');
        console.log(p); //-1

注意:在indexof()的参数中,可以是单个字符,找到就返回其第一个位置,找不到就返回-1。

2、charAt()

charAt() 方法从一个字符串中返回指定的字符。
语法如下: str . charAt ( index )
       

        var str = 'hello world';
        var c = str.charAt(7);
        console.log(c); //o
        c = str.charAt(-1);
        console.log(c); // 没有输出 不报错
        c = str.charAt(20);
        console.log(c); // 没有输出 不报错

注意:当指定的索引值没有在字符串的范围内时,不会出错,但也不会有输出。

3、concat()

concat() 方法将一个或多个字符串与原字符串连接合并,形成一个新的字符串并返回。
语法如下: str . concat ( str2 , [, ... strN ])

示例:

        var str = 'hello';
        var s = str.concat(' world', '!');
        console.log(s); //hello world!

注意:

(1)使用concat() 来拼接字符串和使用加号来拼接字符串的效果是一样的,但是使用concat()更优雅一点。

(2)但是在开发中都要避免其使用,特别是用于循环中(内存占用)。

4、substring() 

substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集 , 或从开始索引直到字符
串的末尾的一个子集。
语法如下: str . substring ( indexStart [, indexEnd ])

示例:

  var str = 'charset';
        console.log(str);
        var s = str.substring(1); // harset 截取从下标为1的字符到字符串最后 
        console.log(s);
        s = str.substring(1, 5);
        console.log(s); //hars 左闭右开
        s = str.substring(1, 3);
        console.log(s); // ha
        s = str.substring(3, 1);
        console.log(s); // ha  等于s = str.substring(1, 3);
        s = str.substring(-1);
        console.log(s); //如果给的第一个参数是负数,那么它会把字符串复制后返回。

 说明:

(1)如果只指定了第一个参数,那么子字符串会从指定的位置到末尾;

(2). 如果两个参数都指定了,那么子字符串就会从开始位置到结束位置前的字符;(左闭右开)

(3) 如果第二个参数小于第一个参数,那么它会从后向前截取; (相当于参数交换的结果)
(4) 如果给的第一个参数是负数,那么它会把字符串复制后返回。

5、substr()

substr() 方法返回一个字符串在开始索引位置截取lenght个。
语法如下: str . substr ( from , length );
参数说明:
(1) from ,数值类型,指截取的开始位置
(2) length ,数值类型,指截取的长度

示例:

 var str = 'charset';
        console.log(str);
        var s = str.substr(1, 2);
        console.log(s); //ha
        s = str.substr(4, 2);
        console.log(s); //se    从索引号为4截取2位
        s = str.substr(2);
        console.log(s); // arset 截取到最后 
        s = str.substr(-2);
        console.log(s); // et   返回向截取

注意:

(1)这个方法的参数是从那个位置开始,截取多少个字符。

(2)如果两个参数都指定了,那么就从指定的位置开始截取指定长度的字符来形成新的字

符串。
(3) 如果只指定第一个参数,那么它会从指定位置截取到字符串的最后来形成新的字符
串。
(4) 如果只指定一个参数,并且这个参数是负数,则会反向截取来形成新的字符串。

6、slice() 

slice() 方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。
语法如下: str . slice ( beginIndex [, endIndex ])

示例:


        var str = 'The morning is upon us.';
        console.log(str);
        var s = str.slice(5);
        console.log(s); //orning is upon us.
        s = str.slice(5, 9);
        console.log(s); //orni
        s = str.slice(5, -3);
        console.log(s); //orning is upon
        s = str.slice(-1, 5);
        console.log(s); //无输出内容

说明:

(1)这个方法的功能和substr()的功能类似,都是用于截取子字符串的。

(2)如果只指定第一个参数,则会从指定位置到原字符串末尾。

(3)如果指定两个参数,则会提取从指定位置到结束位置的字符。

(4)如果第二个参数是负数,则会提取从指定位置到从后向前数结束位置的字符。

(5)如果第一个参数是负数,无输出,不会报错。

7、replace() 

replace() 方法返回一个由替换值( replacement )替换部分或所有的模式( pattern )匹配项后
的新字符串。模式可以是一个字符串或者一个正则表达式,替换值可以是一个字符串或者一个每
次匹配都要调用的回调函数。如果 pattern 是字符串,则仅替换第一个匹配项。原字符串不会改
变。
语法如下: str . replace ( regexp | substr , newSubStr | function )

示例:

  var str = 'Twas the night before Xmas...';
        console.log(str);
        // 把字母 e 替换为 , 
        var s = str.replace('e', ',');
        console.log(s); //Twas th, night before Xmas...  只替换了一个
        s = str.replace(/\s+/ig, '-');
        console.log(s); //Twas-the-night-before-Xmas...   替换了所有空格

注意:

 (1)replace() 方法有两个参数,第一个参数表示要查找的字符,第二个参数表示要替换的
字符;
(2)replace() 方法可以支持正则表达式,在 JS 中正则表达式是需要编写在 // 之间,如
/\s+/ 表示匹配一到多个空格。在正则表达式后,还可以加参数,如: i 表示不区分大
小写; g 表示全局匹配; m 表示匹配多行;
(3)如果是正则表达式,不能把这个表达式写在引号中,如果写在引号中会被当作是要查
找的字符串来使用。

8、replaceAll() 

replaceAll() 方法返回一个由替换值( replacement )替换部分或所有的模式( pattern )匹配项
后的新字符串。模式可以是一个字符串或者一个正则表达式,替换值可以是一个字符串或者一个
每次匹配都要调用的回调函数。如果 pattern 是字符串,则仅替换第一个匹配项。原字符串不会
改变。
语法如下: str . replaceAll ( regexp | substr , newSubStr | function )

示例:
     

   var str = 'TwAs the night before Xmas...';
        console.log(str);
        var s = str.replaceAll('as', ',');
        console.log(s); //TwAs the night before Xm,...
        s = str.replaceAll(/\s+/g, '-');
        console.log(s); //TwAs-the-night-before-Xmas...
        s = str.replaceAll(/as/ig, ',');
        console.log(s); //Tw, the night before Xm,...

注意:

(1)replaceAll() 方法会替换掉所有被查找到的字符 ;

(2)replaceAll() 方法中如果要使用正则表达式,那么必须要添加全局匹配参数(/g)。

9、split()

split() 方法使用指定的分隔符字符串将一个 String 对象分割成子字符串数组,以一个指定的分割
字串来决定每个拆分的位置。
语法如下: str . split ([ separator [, limit ]])

示例:

 var str = "Hello World How are you doing";
        console.log(str);   //"Hello World How are you doing"
        var arr = str.split(' '); 
        console.log(arr);  // ["Hello", "World", "How", "are", "you", "doing"]
        arr = str.split(/\s+/);
        console.log(arr);  // ["Hello", "World", "How", "are", "you", "doing"]
 
        
        str = "Hello,World,How,are,you,doing";
        console.log(str); //"Hello,World,How,are,you,doing"
        arr = str.split(',');
        console.log(arr);// ["Hello", "World", "How", "are", "you", "doing"]

说明:

(1)split() 方法会根据指定的分隔符对字符串进行切割,生成一个数组;

(2)split() 方法支持正则表达式来进行切割。

10、trim()

trim() 方法会从一个字符串的两端删除空白字符。在这个上下文中的空白字符是所有的空白字符
以及所有行终止符字符。
语法如下: str . trim ()

示例:

 var str = '    char set     ';
        console.log(str);
        var s = str.trim();
        console.log(s); //char set   没有前后的空格  中间的空格不能去除

注意:只能删除前后的空格 ,中间的空格不能去除。

11、match()

match() 方法检索返回一个字符串匹配正则表达式的结果。

语法如下: str . match ( regexp )

示例:

  var str = 'For more information, see Chapter 3.4.5.1';
        console.log(str); // 定义一个正则表达式
        var regex = /see (chapter \d+(\.\d)*)/i;
        var flag = str.match(regex);
        console.log(flag) //["see Chapter 3.4.5.1", "Chapter 3.4.5.1", ".1", index: 22, input: "For more information, see Chapter 3.4.5.1"]

20、七鳃鳗繁殖与早期生活史:从水质到养殖的全面解析 本文全面解析了七鳃鳗的繁殖与早期生活史,重点探讨了水质对幼体生存的影响、养殖密度与生长关系、变态过程的时间与大小特征,以及人工繁殖在濒危物种恢复和入侵物种控制中的应用。同时,文章分析了大规模养殖面临的挖掘基质需求、空间限制、清洁管理、疾病防控及微生物环境等挑战,并强调实验室养殖对科学研究和种群管理的重要意义。随着技术进步,未来有望扩展更多物种的繁殖研究,揭示七鳃鳗生物学的进化奥秘,实现资源的可持续利用。 阅读详情

相关推荐

Crawl4AI实战:5分钟搞定电商价格监控爬虫(附Python代码)

本文详细介绍了如何利用开源AI网络爬虫框架Crawl4AI快速构建电商价格监控系统。通过Python实战代码,展示了从环境配置、智能内容提取到多平台适配、定时任务与数据可视化的完整流程,帮助运营人员和技术开发者高效实现自动化价格追踪与竞品分析。

weixin_29090917的博客 414

JS中字符串常用方法总结

1.charAt()方法 charAt() 方法可返回字符串中指定位置的字符。 let str = "Hello"; let s = str.charAt(1); console.log(s);//e 语法:string.charAt(index) index 必需值。表示字符串中某个位置的数字,即字符在字符串中的位置。 2.concat() 方法 concat() 方法用于连接两个或多个字符串。 该方法没有改变原有字符串,但是会返回连接两个或多个字符串新字符串 let str = "Hello"; le

weixin_46389390的博客 2万+

速腾RS-LiDAR-16激光雷达ROS配置全攻略:从硬件连接到Rviz点云可视化

本文详细介绍了速腾RS-LiDAR-16激光雷达在ROS环境中的配置与使用全攻略,涵盖硬件连接、网络配置、ROS驱动安装及Rviz点云可视化等关键步骤。通过实战案例和技术解析,帮助开发者快速实现激光雷达数据采集与处理,提升机器人感知系统的部署效率。

ooo22的博客 249

【JS】 字符串方法汇总(工作常用)

字符串常用方法 charAt() charAt():返回指定索引位置的字符,由传入方法的整数参数指定。 let str = "hello world"; console.log(str.charAt(7)); //o console.log(str.charAt(70)); //"" charCodeAt() chatCodeAt():返回指定索引位置的unicode编码,由传入方法的整数参数指定。 let str = "hello world"; console.log(str.charCo

qq_45677671的博客 4940

DSP28335新手避坑指南:手把手教你用CCS6.2生成10KHz SPWM(附完整工程)

本文详细介绍了如何使用DSP28335开发板和CCS6.2环境生成10KHz SPWM波形的完整工程指南。从开发环境配置、ePWM模块设置到SPWM算法实现,特别针对新手常见问题提供了解决方案和调试技巧,帮助工程师快速掌握DSP28335的SPWM生成技术。

weixin_42522374的博客 182

反射机制——通过反射调用service中方法

需求:现在有一群service接口,有同一个方法名称,内部逻辑除了调用不同的调用自身的方法外其他基本都一致,那现在就需要一个独立的方法来勾勒出这个方法 1.SpringContextUtil package com.XXX.report.util; import org.apache.log4j.Logger; import org.springframework.beans.BeansE...

东天里的冬天 8521

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

1. javaScript常用字符串方法 顺序 方法名 功能 1 charAt(x) 返回字符串中x字符的位置,下标从0开始 2 charCodeAt(x) 返回字符串中x位置处字符的unicode值 3 concat() 用于连接两个或多个字符串,此方法不改变现有的字符串,返回拼接后的新的字符串 4 fromCharcode() 将一组Unicode码转换为字符 5 indexOf(substr, [start]) 搜索指定字符,(搜索到返回该字符,否则返回 -1)Star

qq_43223007的博客 6404

双有源桥DC-DC变换器:原理、软开关与移相控制深度解析

隔离型DC-DC变换器是电力电子系统的核心部件,通过高频变压器实现电气隔离与电压匹配,保障系统安全与灵活适配。其工作原理基于功率半导体器件的开关动作,通过调制策略控制能量传输。该技术的核心价值在于实现高效、高功率密度的电能转换,并支持双向能量流动,这对于提升系统整体能效和运行灵活性至关重要。在新能源储能、电动汽车V2G及数据中心供电等场景中,双向能量流成为刚性需求,推动了如双有源桥等先进拓扑的应用。本文聚焦于双有源桥这一实现高效双向隔离变换的“明星”方案,深入剖析其利用移相控制实现软开关的机理。通过分析谐振

weixin_34195142的博客 379

javaScript字符串方法总结

一、字符查找方法类 参数表示:str表示传入字符串,num表示传入数值,带图标✨表示常用 1、charAt(num) 返回在指定位置的字符。index表示查找的指定下标 var str = "JavaScript"; var n = str.charAt(2) console.info(n) // v ✨2、indexOf(str) 返回某个指定的字符串值在字符串中首次出现的位置。区分大小写 var str = "JavaScript"; var n = str.indexOf('S') console.

前端、python爱好者 3171

动力学约束下的运动规划算法——Hybrid A*算法(附程序实现及详细解释)

本文主要介绍动力学约束下的运动规划算法中非常经典的Hybrid A*算法,大致分为三部分,第一部分是在传统A * 算法的基础上,对Hybrid A * 算法的原理、流程进行理论介绍。第二部分是详细分析 MotionPlanning运动规划库中Hybrid A * 算法的源码,进一步深入对Hybrid A * 算法的具体细节 进行理解。 第三部分是结合前面第一部分的理论和第二部分的详细源码,对Hybrid A * 算法的流程进行综合的概括总结。

慕羽★的博客 1万+

【01】总目录——软件设计师50讲通关地图|从零基础到工程师职称

本文是《软件设计师·50讲通关|从零基础到工程师职称》专栏的01篇总目录,系统梳理了50篇博文的完整架构与核心逻辑。专栏覆盖软考软件设计师(中级)全部考点,分为导学规划、基础知识、设计模式、下午题专项、算法实战、冲刺模拟、收官进阶七大模块,既兼顾上午题75道单选题的理论攻坚,也聚焦下午题案例分析的解题能力提升。每篇博文均包含考点精讲、真题解析、实战技巧与速记方法,配套可运行代码、解题模板及备考资源。无论你是零基础转行、在校学生还是在职程序员,都能通过这份学习地图明确进度、精准定位薄弱环节,高效搭建知识体系

专注于人工智能、软件开发、工控自动化、工厂数字化及智能化等领域,希望和大家共同进步! 1279

java周记四 (常用类)

常用类: 一.Object类: (1)public final Class getClass()方法:表示当前正在运行的类 (跟反射有关系!) 返回值类型:Class (跟反射相关:) Class(java.lang.Class): (了解)正在运行字节码文件... Class类中有一个:getName():public String getName():以字符串展示字节码文件对象所表示实体 (2)public String toString()方法 返回该对象的字符串表示(以一个文本

weixin_44785580的博客 491

ican项目四汽车零件智能测量

ican项目四汽车零件智能测量

weixin_72050316的博客 561

javaScript:常用的js字符串方法

当涉及到字符串处理时,JavaScript提供了一系列的字符串方法,用于执行不同的操作。通过掌握这些常见的字符串方法,您可以更轻松地处理和操作字符串数据。这些方法是编程中非常有用的工具,可以在各种场景中应用。

qq_52799985的博客 711

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

ET2012新版免狗免安装绿色软件

ET2012新版免狗免安祖昂绿色软件。,新界面,新视觉,

js方法返回html字符串,JavaScript中20个常用的字符串处理方法

JavaScript字符串方法帮助您处理字符串。javascript字符串相关的方法有很多,本文为大家介绍了20个常用的字符串方法,希望对大家有一定的帮助。1、charAt(x)charAt(x)返回字符串中x位置的字符,下标从 0 开始。//charAt(x)var myString = 'jQuery FTW!!!';console.log(myString.charAt(7));//outp...

weixin_28864167的博客 976

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

【JavaScript】字符串常用方法详解

在JavaScript中,字符串(String)是一种基础数据类型,用于表示文本数据。${JavaScript中的字符串操作方法丰富多样,提供了许多实用功能来帮助开发者有效地处理文本数据。通过掌握这些常用方法,可以极大地提高在项目中处理字符串的效率和代码的可读性。希望这篇文章能帮助你更好地理解和使用JavaScript的字符串方法,在日常开发中应对各种文本操作的需求。

lph159的博客 1629

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

js 包含某个字符串_12个常用的JavaScript字符串方法

点击“千锋HTML5前端培训”后台回复【H5】领取IT视频学习教程本文主要介绍一些最常用的JS字符串函数,没有废话,直接干活!欢迎大家学习转发。1、fromCharcode(c1,c2)fromCharcode(c1,c2)转换一组Unicode值转换为字符。 //fromCharCode(c1, c2,...) console.log(String.fromCharCode...

weixin_40009207的博客 3302

JavaScript 字符串的常用方法有哪些

根据搜索结果整理,涵盖了JavaScript字符串处理中常用的方法,包括字符访问、连接、分割、查找、子字符串提取、大小写转换和去除空白等。JavaScript 中的字符串是一种原始数据类型,提供了丰富的操作方法来处理文本。JavaScript 字符串的常用方法包括。

2401_87546826的博客 1244

【JS】369- 20个常用的JavaScript字符串方法

点击上方“前端自习课”关注,学习起来~作者:前端小智https://segmentfault.com/a/1190000020204425本文主要介绍一些最常用的JS字符...

pingan8787 353

JS中字符串常用方法

本篇博客是对JavaScript中常用的一些字符串方法做详细的笔记和说明,希望对大家有帮助

小田是个程序员的博客欢迎你的到来呀~ 3261

JS学习 — JavaScript中字符串(String)常用方法

一、基本数据类型 在JavaScript中:String、Number、Boolean、Null、Undefined、Symbol(ES6新增)属于基本数据类型。 基本类型是不可以通过方法改变自身的值的,所以String变量调用自身的方法后,原来的值并未改变,而是返回改变后产生的新值。 二、常用方法 1、charAt(索引值) 查找字符串具体位置(下标)的值 "yancy".charAt(2) // n 2、indexOf(searchValue[,fromIndex]) 返回searchValue第一次

小绵杨 960

【面试系列 - JavaScript】JS字符串的常用方法有哪些?

一、操作方法 我们也可将字符串常用的操作方法归纳为增、删、改、查 增 这里增的意思并不是说直接增添内容,而是创建字符串的一个副本,再进行操作 除了常用 + 以及 ${} 进行字符串拼接之外,还可通过 concat concat 用于将一个或多个字符串拼接成一个新字符串 let stringValue = "hello "; let result = stringValue.concat("world"); console.log(result); // "hello world" console.log(.

不知名人士的博客 177

JavaScript(js)字符串的常用方法

字符串的基本方法 基本方法 参数查找字符串 indexOf lastIndexOf 查找 search 元素替换方法 replace 字符串去空 可以去除前面空格 trim 字符串拼接方法 来进行字符串拼接 concat 根据字符索引 获取字符 charAt 根据索引返回字符的ascii值 charCodeAt ascii值转化为字符 String 类对象 fromCharCode 字符串截取方法 sub

weixin_47863547的博客 340

js字符串常用方法

js字符串常用方法1.charAt()2.charCodeAt()3.substr()4.substring()5.toLowerCase()6.toUpperCase()7.split()8.slice()9.concat()10.indexOf()11.lastIndexOf() 1.charAt() char: 字符, 表示一个字符 at: 在哪 作用: 根据索引找到对应的字符返回 语法:字符串.charAt(索引) 返回值: 对应索引位置的字符 如果有对应索引, 那么得到的就是对应索引位置的字符 如

Yomi的博客 827

JavaScript字符串的常用方法有哪些?

字符串的增删改查并不是对字符串本身进行操作,而是创建一个字符串的副本,对副本进行操作。接收一个整数参数,表示要将字符串复制多少次,然后返回拼接所有副本后的结果。从字符串开头去搜索传入的字符串,并返回位置(如果没找到,则返回 -1 )。复制字符串,如果小于指定长度,则在相应一边填充字符,直至满足长度条件。从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值。接收一个参数,可以是一个正则表达式字符串,也可以是一个。接收一个参数,可以是一个正则表达式字符串,也可以是一个。可接受多个参数,自动转为字符串。

2201_75883040的博客 1037

【JavaScript】js中字符串的常用方法有哪些?

我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变。这里的删的意思并不是说删除原字符串的内容,而是创建字符串的一个副本,再进行操作。这三个方法都返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。从字符串开头去搜索传入的字符串,并返回位置(如果没找到,则返回 -1 )这里增的意思并不是说直接增添内容,而是创建字符串的一个副本,再进行操作。这里改的意思也不是改变原字符串,而是创建字符串的一个副本,再进行操作。把字符串按照指定的分割符,拆分成数组中的每一项。

一个前端开发者 208
上一篇: 前端安全 — XSS攻击的分类、XSS攻击的预防
下一篇: js 中的 for...of... for..in...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值