JS算法必备之String常用操作方法

简介: 这篇文章详细介绍了JavaScript中字符串的基本操作,包括创建字符串、访问特定字符、字符串的拼接、位置查找、大小写转换、模式匹配、以及字符串的迭代和格式化等方法。

MDN参考文档: String - JavaScript | MDN

①创建字符串

// var stringObject = new String('hello world')

var stringValue = 'hello world' // 其每一个实例都有一个length属性

console.log(stringValue.length) // 11

②字符方法

用于访问字符串中特点字符的方法:

1.charAt()

console.log(stringValue.charAt(1)) // 'e'

console.log(stringValue[1]) // 'e',用方括号[ ]访问字符

2.charCodeAt()

若想得到的不是字符而是字符编码:

console.log(stringValue.charCodeAt(1)) // '101'(即'e'的字符编码)

③字符串操作方法

1.concat():用于将一个或多个字符串拼接起来,返回拼接后的新字符串

var str = 'hello'

var result1 = str.concat(' world')

console.log(result1) // 'hello world'

var result2 = str.concat(' world' + '!')

console.log(result2) // 'hello world!'

在大多数情况下更喜欢使用加号操作符(+)拼接多个字符串

基于子字符串创建新字符串的方法:

2.slice()和substring():第一个参数指定子字符串的开始位置,第二个参数指定子字符串最后一个字符后面的位置。

若没有第二个参数,则将字符串末尾作为结束位置

var stringValue = 'hello world'

console.log(stringValue.slice(1, 5)) // 'ello'

console.log(stringValue.substring(1, 5)) // 'ello'

console.log(stringValue.substring(1)) // 'ello world'

3.substr():第一个参数指定子字符串的开始位置,第二个参数指定返回的字符个数。

若没有第二个参数,则将字符串末尾作为结束位置

console.log(stringValue.substr(2, 5)) // 'llo w'

console.log(stringValue.substr(2)) // 'llo world'

④字符串位置方法

1.indexOf():从字符串的开头向后搜索子字符串,返回第一个匹配子字符串的位置,若没有找到,则返回-1。

var stringValue = 'hello world'

console.log(stringValue.indexOf('o')) // 4

console.log(stringValue.indexOf('ello')) // 1

2.lastIndexOf():从字符串的末尾向前搜索子字符串,返回第一个匹配子字符串的位置,若没有找到,则返回-1。

console.log(stringValue.lastIndexOf('o')) // 7

两个方法还可以接收可选的第二个参数:表示从字符串中的哪个位置开始搜索

console.log(stringValue.indexOf('o', 6)) // 7

console.log(stringValue.lastIndexOf('o', 6)) // 4

⑤字符串迭代方法

var str = 'hello'

for (let i = 0; i < str.length; i++) {

  console.log(str\[i\]) // 字符串每项的值

}

for (const n of str) {

  console.log(n) // 字符串每项的值

}

for (const i in str) {

  console.log(i) // 字符串每项的索引值(string类型)

}

⑥trim()**方法**

创建一个字符串的副本,删除前置及后缀的所有空格。

var stringValue = ' hello world '

console.log(stringValue.trim()) // 'hello world'

⑦**includes()方法**

方法用于判断一个字符串是否包含在另一个字符串中,根据情况返回 true 或 false

var stringValue = 'hello world'

console.log(stringValue.includes('e')) // true

console.log(stringValue.includes('ello')) // true

console.log(stringValue.includes('eo')) // false

⑧startsWith**()方法**

方法用来判断当前字符串是否以另外一个给定的子字符串开头,并根据判断结果返回 true 或 false

var stringValue = 'hello world'

console.log('starts:', stringValue.startsWith('he')) // true

console.log('starts:', stringValue.startsWith('eo')) // false

字符串大小写转换方法

var stringValue = 'hello world'

console.log(stringValue.toLocaleUpperCase()) // 'HELLO WORLD'

console.log(stringValue.toUpperCase()) // 'HELLO WORLD'

console.log(stringValue.toLocaleLowerCase()) // 'hello world'

console.log(stringValue.toLowerCase()) // 'hello world'

Locale:是针对特定地区的实现,若不知道自己的代码在哪种语言环境中运行,还是使用针对地区的方法更稳妥一些。

⑨字符串模式匹配方法

1.match():只接收一个参数,正则表达式或者RegExp对象,结果会返回一个数组。

方法的行为在很大程度上有赖于 regexp 是否具有标志 g。如果 regexp 没有标志 g,那么 match() 方法就只能在 stringObject 中执行一次匹配。如果没有找到任何匹配的文本, match() 将返回 null。否则,它将返回一个数组,其中存放了与它找到的匹配文本有关的信息。

console.log(str.match(/ain/g)) // ['ain', 'ain', 'ain']

console.log(str.match(/ain/gi)) // ['ain', 'AIN', 'ain', 'ain']

console.log(str.match(/k/gi)) // null

2.search():只接收一个参数,用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

结果返回字符串中第一个匹配项的索引,若没有匹配项,则返回-1。

var stringValue = 'hello world'

console.log(stringValue.search('world')) // 6

console.log(stringValue.search(/WORLD/)) // -1

console.log(stringValue.search(/WORLD/i)) // 6

3.replace():替换子字符串的方法,接收两个参数:第一个参数是一个RegExp对象或者一个字符串(不会被转换成正则表达式),第二个参数是一个字符串或者一个函数。

var text = 'cat,bat,sat,fat'

var result = text.replace('at', 'ond')

console.log(result) // 'cond,bat,sat,fat'

// 提供一个正则表达式,并指定全局(g)标志

result = text.replace(/at/g, 'ond')

console.log(result) // 'cond,bond,sond,fond'

4.split():基于指定的分隔符将一个字符串分割成多个子字符串,并将结果放在一个数组中。分隔符可以说字符串或者一个RegExp对象,还可以接受第二个可选参数,用于指定数组的大小。

var colorText = 'red,blue,green,yellow'

var colors1 = colorText.split(',') // ['red', 'blue', 'green', 'yellow']

var colors2 = colorText.split(',', 2) // ['red', 'blue']

⑩localeCompare()**方法**

var stringValue = 'yellow'

// 具体返回的正数和负数未必是1和-1,需看实现

console.log(stringValue.localeCompare('brick')) // 1

console.log(stringValue.localeCompare('yellow')) // 0

console.log(stringValue.localeCompare('zoo')) // -1

⑪**fromCharCode()**方法

String构造函数本身还有一个静态方法:fromCharCode(),接收一个或多个字符编码,然后将它们转换成一个字符串

console.log(String.fromCharCode(104,101,108,108,111)) // 'hello'

相关文章
|
1月前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
168 69
|
16天前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法详解
本指南详细介绍在Linux系统中安装和管理Node.js的步骤。首先检查现有环境,包括查看当前版本和清除旧版本;接着通过NodeSource仓库安装最新版Node.js并验证安装结果。推荐使用nvm(Node Version Manager)进行多版本管理,便于切换和设置默认版本。同时,提供常见问题解决方法,如权限错误处理和全局模块迁移方案,以及版本回滚操作,确保用户能够灵活应对不同需求。
85 0
|
16天前
|
JavaScript Linux 内存技术
Debian 11系统下Node.js版本更新方法
Debian 11更新Node.js主要就是这三种方式,无论你是初涉其中的新手还是找寻挑战的专家,总有一种方式能满足你的需求。现在,你已经是这个
150 80
|
1月前
|
监控 算法 JavaScript
基于 JavaScript 图算法的局域网网络访问控制模型构建及局域网禁止上网软件的技术实现路径研究
本文探讨局域网网络访问控制软件的技术框架,将其核心功能映射为图论模型,通过节点与边表示终端设备及访问关系。以JavaScript实现DFS算法,模拟访问权限判断,优化动态策略更新与多层级访问控制。结合流量监控数据,提升网络安全响应能力,为企业自主研发提供理论支持,推动智能化演进,助力数字化管理。
54 4
|
1月前
|
监控 算法 JavaScript
公司局域网管理视域下 Node.js 图算法的深度应用研究:拓扑结构建模与流量优化策略探析
本文探讨了图论算法在公司局域网管理中的应用,针对设备互联复杂、流量调度低效及安全监控困难等问题,提出基于图论的解决方案。通过节点与边建模局域网拓扑结构,利用DFS/BFS实现设备快速发现,Dijkstra算法优化流量路径,社区检测算法识别安全风险。结合WorkWin软件实例,展示了算法在设备管理、流量调度与安全监控中的价值,为智能化局域网管理提供了理论与实践指导。
60 3
|
2月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
3月前
|
监控 算法 JavaScript
企业用网络监控软件中的 Node.js 深度优先搜索算法剖析
在数字化办公盛行的当下,企业对网络监控的需求呈显著增长态势。企业级网络监控软件作为维护网络安全、提高办公效率的关键工具,其重要性不言而喻。此类软件需要高效处理复杂的网络拓扑结构与海量网络数据,而算法与数据结构则构成了其核心支撑。本文将深入剖析深度优先搜索(DFS)算法在企业级网络监控软件中的应用,并通过 Node.js 代码示例进行详细阐释。
63 2
|
3月前
|
存储 算法 JavaScript
基于 Node.js 深度优先搜索算法的上网监管软件研究
在数字化时代,网络环境呈现出高度的复杂性与动态性,上网监管软件在维护网络秩序与安全方面的重要性与日俱增。此类软件依托各类数据结构与算法,实现对网络活动的精准监测与高效管理。本文将深度聚焦于深度优先搜索(DFS)算法,并结合 Node.js 编程语言,深入剖析其在上网监管软件中的应用机制与效能。
60 6
|
3月前
|
JavaScript 前端开发 算法
JavaScript 中通过Array.sort() 实现多字段排序、排序稳定性、随机排序洗牌算法、优化排序性能,JS中排序算法的使用详解(附实际应用代码)
Array.sort() 是一个功能强大的方法,通过自定义的比较函数,可以处理各种复杂的排序逻辑。无论是简单的数字排序,还是多字段、嵌套对象、分组排序等高级应用,Array.sort() 都能胜任。同时,通过性能优化技巧(如映射排序)和结合其他数组方法(如 reduce),Array.sort() 可以用来实现高效的数据处理逻辑。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
3月前
|
JavaScript 算法 前端开发
JS数组操作方法全景图,全网最全构建完整知识网络!js数组操作方法全集(实现筛选转换、随机排序洗牌算法、复杂数据处理统计等情景详解,附大量源码和易错点解析)
这些方法提供了对数组的全面操作,包括搜索、遍历、转换和聚合等。通过分为原地操作方法、非原地操作方法和其他方法便于您理解和记忆,并熟悉他们各自的使用方法与使用范围。详细的案例与进阶使用,方便您理解数组操作的底层原理。链式调用的几个案例,让您玩转数组操作。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~