JS+ES6新增字符串操作方法大汇总，共四十七种方法

让我为大家介绍一下字符串的操作方法吧，你知道与不知道的大部分都在这！

分类可能有点不太对，还请大家见谅！

增

1.concat()

拼接字符串 可以连接两个或多个字符串

    let str = "hello"let str1 =" str"console.log("hello".concat(str1)) //hello strconsole.log(str.concat(str1)) //hello str

2.padStart(总长度,“填充的字符串”)

返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串

    let str = "hello str"// 现在我们str的长度为9// 我们限定了总长度为10 我们在字符串最前面添加 一直添加到总长度为10// 如果未填充字符串 字符串不变console.log(str.padStart(10,"123")) //1hello str

3.padEnd(总长度,“填充的字符串”)

返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串

    let str = "hello str"// 现在我们str的长度为9// 我们限定了总长度为10 我们在字符串最后面添加 一直添加到总长度为10// 如果未填充字符串 字符串不变console.log(str.padEnd(10, "123")) //hello str1

—————————————————————————————————————

删

4.slice()

可以从字符串中截取指定的内容
不会影响原字符串
第一个参数，开始位置的索引（包括开始位置）
第二个参数，结束位置的索引（不包含结束位置）

    let str = "hello str"// 一个参数截取后面所有的字符串console.log(str.slice(6)) //strconsole.log(str.slice(0,5)) //hello// 也可以传递一个负数，负数将会从后面计算console.log(str.slice(0,-1)) //hello st

5.substr()

截取字符串 第一个参数：截取开始位置的索引，第二个参数：截取的长度

    let str = "hello str"console.log(str.substr(0,5))//helloconsole.log(str.substr(6,3))//str

6.substring()

字符串的截取 substring(开始的索引号[, 结束的索引号])

    let str = "hello str"// 当只有一个参数的时候 索引位置往后全部截取 包含索引位置console.log(str.substring(6)) //"str"// 当有两个参数的时候 开始索引的位置 结束索引的位置// 结束的索引不包含想要截取的部分// 记住包前不包后console.log(str.substring(6,7)) //"s"

7.trim()

清除字符串首尾的空格

    let str = " hello str "console.log(str.trim()) //"hello str"

8.trimEnd()

trimEnd() 方法从一个字符串的末端移除空白字符

    let str = "hello str    "console.log(str.length) //13console.log(str.trimEnd().length) // 9console.log(str.trimEnd()) // hello str

9.trimRight()

trimRight() 方法从一个字符串的末端移除空白字符

    let str = "hello str    "console.log(str.length) //13console.log(str.trimRight().length) // 9console.log(str.trimRight()) // hello str

10.trimLeft()

trimLeft() 方法从一个字符串的前端移除空白字符

    let str = "    hello str"console.log(str.length) //13console.log(str.trimLeft().length) // 9console.log(str.trimLeft()) // hello str

11.trimStart()

trimStart() 方法从一个字符串的前端移除空白字符

    let str = "    hello str"console.log(str.length) //13console.log(str.trimStart().length) // 9console.log(str.trimStart()) // hello str

——————————————————————————————————————————————————

改

12.split()

切割字符串转换为数组
切割后的字符串可以使用数组方法

    let str = "red,orange"console.log(str.split(",")) // ['red', 'orange']console.log(str.split("")) //['r', 'e', 'd', ',', 'o', 'r', 'a', 'n', 'g', 'e']

12.toLocaleLowerCase()

大写转小写

    let str = "HELLO STR"console.log(str.toLocaleLowerCase()) //hello str

13.toLocaleUpperCase()

小写转大写

    let str = "hello str"console.log(str.toLocaleUpperCase()) //HELLO STR

14.toLowerCase()

大写转小写

    let str = "HELLO STR"console.log(str.toLowerCase()) //hello str

16.toUpperCase()

小写转大写

    let str = "hello str"console.log(str.toUpperCase()) //HELLO STR

17.toString()

toString()的用法有许多，我介绍跟字符串相关的用法
可以转换数据类型为字符串型

    let arr = [1]let obj = {name:"zs"}let num = 1console.log(arr.toString()) // 1console.log(typeof arr.toString()) // stringconsole.log(obj.toString()) // [object Object]console.log(typeof obj.toString()) // stringconsole.log(num.toString()) // 1console.log(typeof obj.toString()) // string

18.replace()

可以将字符串中指定内容替换为新内容
第一个参数被替换的内容
第二个参数新的内容

    let str = "hello str"console.log(str.replace("hello","hh")) //hh str

19.replaceAll()

replaceAll() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串，该函数会替换所有匹配到的子字符串。

    let str = "hello str hello str"console.log(str.replaceAll("hello","hh")) //hh str hh str

20.repeat(number)

返回新的字符串，表示将字符串重复指定次数返回

    let str = "hello str"console.log(str.repeat(2)) //hello strhello str

——————————————————————————————————————————————————

查

21.length

用来获取字符串的长度

    let str = "hello str"console.log(str.length) //9

22.charAt()

str.charAt(index)，index是字符所在字符串的位置索引，索引从0开始
如果超过位置索引，返回 “ ”

    let str = "hello str"console.log(str.charAt(0)) //hconsole.log(str.charAt(9)) //空

23.indexOf()

检索一个字符串中是否含有指定内容
如果字符串中含有该内容，则会返回其第一次出现的索引
有第二个参数 ，代表开始查找索引的位置
没找到指定的内容返回-1

    let str = "hello hello"console.log(str.indexOf("h")) //0console.log(str.indexOf("v")) //-1//有两个参数的时候 索引指定开始查找位置console.log(str.indexOf("e",0)) //1console.log(str.indexOf("h",1)) //-1

24.lastIndexOf()

检索一个字符串中是否含有指定内容
从后往前找
如果字符串中含有该内容，则会返回其最后一次出现的索引
有第二个参数 ，代表开始查找索引的位置
没找到指定的内容返回-1

    let str = "hello hello"console.log(str.lastIndexOf("h")) //6console.log(str.lastIndexOf("v")) //-1// 从下标为0的位置开始从后往前找console.log(str.lastIndexOf("h",0)) //0console.log(str.lastIndexOf("h",6)) //6

25.includes()

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

    let str = "hello str"console.log(str.includes("hello")) //trueconsole.log(str.includes("str")) //trueconsole.log(str.includes("helo")) //false//两个值时 第二个值是索引 如下例 从索引1后面再开始查找console.log(str.includes("hello",1)) //falseconsole.log(str.includes("ello",1)) //true

26.charCodeAt()

返回指定索引位置字符的 Unicode 值

    let str = "hello str"console.log(str.charCodeAt(0)) //104

27.formCharCode()

可以根据字符编码去获取字符
需要通过String.fromCharCode() 去使用

    console.log(String.fromCharCode(20000)) // 北

28.search()

可以搜索字符串中是否含有指定内容
如果搜索到指定内容，则会返回第一次出现的索引，如果没用搜索到返回-1
也可以接收一个正则表达式作为参数，然后根据正则表达式去检索字符串

    let str = "hello str"console.log(str.search("hello")) //0console.log(str.search("str")) //6console.log(str.search("v")) //-1// 可以使用正则表达式let str1 = "aac abc acc"console.log(str1.search(/a[abc]c/)) //0

29.match()

可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
默认情况下只会找到第一个符号要求的内容，找到停止检索
可以设置正则表达式全局匹配
返回一个数组

    let str = "1a2b3c"console.log(str.match(/[A-z]/)) console.log(str.match(/[A-z]/g))

在这里插入图片描述

30.at()

at() 方法用于接收一个整数值并返回该索引对应的元素，允许正数和负数。负整数从数组中的最后一个元素开始倒数。
匹配给定索引的数组中的元素。如果找不到指定的索引，则返回 undefined。

    let str = "hello str"console.log(str.at(9)) // undefinedconsole.log(str.at(0)) // hconsole.log(str.at(-1)) // r

31.startsWith()

返回布尔值，判断参数字符串是否在原字符串的头部

    let str = "hello str"// h在字符串的头部返回trueconsole.log(str.startsWith("h"))//true// e不在头部返回falseconsole.log(str.startsWith("e"))//false

32.endsWith()

返回布尔值，判断参数字符串是否在原字符串的尾部

    let str = "hello str"// r在字符串的尾部返回trueconsole.log(str.endsWith("r")) // true// h不在字符串的尾部返回falseconsole.log(str.endsWith("h")) // false

33.localeCompare()

用于比较两个字符串
如果第一个字符串大于第二个字符串返回1
如果第一个字符串等于第二个字符串返回0
如果第一个字符串小于第二个字符串返回-1

    console.log("a".localeCompare("b")) // -1console.log("a".localeCompare("a")) // 0console.log("b".localeCompare("a")) // 1

——————————————————————————————————————————————————

标签类型方法

34.sub()

该方法返回加了 sub 标签的字符串

    let str = "hello str"console.log(str.sub())

在这里插入图片描述

35.big()

该方法返回加了 big 标签的字符串

    let str = "hello str"console.log(str.big())

在这里插入图片描述

36.bold()

该方法返回加了 b 标签的字符串

    let str = "hello str"console.log(str.big())

在这里插入图片描述

37.anchor()

anchor() 方法用于创建 HTML 锚
该方法返回加了 a 标签的字符串

    let str = "hello str"console.log(str.anchor("url地址"))

在这里插入图片描述

38.blink()

blink() 方法用于显示闪动的字符串
该方法返回加了 blink 标签的字符串

    let str = "hello str"console.log(str.blink())

在这里插入图片描述

39.fixed()

fixed() 方法用于把字符串显示为打字机字体。
该方法返回加了 tt 标签的字符串

    let str = "hello str"console.log(str.fixed())

在这里插入图片描述

40.small()

该方法返回加了 small 标签的字符串**

    let str = "hello str"console.log(str.small())

在这里插入图片描述

41.link()

该方法返回加了 a 标签的字符串

    let str = "hello str"console.log(str.link("url地址"))

在这里插入图片描述

42.strike()

该方法返回加了 strike 标签的字符串

    let str = "hello str"console.log(str.strike())

在这里插入图片描述

43.fontcolor()

fontcolor() 方法用于按照指定的颜色来显示字符串
该方法返回加了 font 标签的字符串

    let str = "hello str"console.log(str.fontcolor("red"))

在这里插入图片描述

44.fontsize()

fontsize() 方法用于按照指定的尺寸来显示字符串。
该方法返回加了 font 标签的字符串

    let str = "hello str"console.log(str.fontsize(12))

在这里插入图片描述

45.italics()

italics() 方法用于把字符串显示为斜体。
该方法返回加了 i 标签的字符串

    let str = "hello str"console.log(str.fontsize(12))

在这里插入图片描述
——————————————————————————————————————————————————

46.valueOf()

返回 String 对象的原始值:

    let str = "hello str"console.log(str.valueOf()) //hello str

47.模板字符串

ES6新增了模板字符串，让我们拼接字符串时更方便
注意:切记使用反引号作为字符串的定界符分隔的字面量
1.拼接
在我们模板字符串出现之前，我们想要拼接字符串是比较麻烦的

	const name = "杰克";const age = 18;// 以前的拼接字符串console.log("大家好,我的名字叫"+name+",我今年"+age+"岁")

现在我们有了模板字符串，拼接起来就会简单许多
模板字符串使用反引号 `` 作为字符串的定界符分隔的字面量

    const name = "杰克";const age = 18;// 模板字符串,切记使用反引号console.log(`大家好,我的名字叫${name},我今年${age}岁`)

2.换行
以前我们用双引号或者单引号编写字符串时，如果出现一行装不下的情况下，我们需要使用+号来拼接

    const name = "杰克";const age = 18;// 一行装不下我们需要用+来拼接console.log("大家好，我的名字叫杰克"+"今年18岁了")

现在我们有了模板字符串，就可以更简单的实现换行遇到的问题

    const name = "杰克";const age = 18;// 一行装不下我们需要用+来拼接console.log(`大家好，我的名字叫杰克今年18岁了`)

感谢大家的阅读，如有不对的地方，可以向我提出，感谢大家！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/227519.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

VS2010配置opencv2.4.10

VS2010配置opencv2.4.10

1.下载opencv2.4.10，百度网盘链接如下： 链接：https://pan.baidu.com/s/1UdoQJbRUEB_G2urT703xYQ 提取码：7lbd 2.运行opencv-2.4.10.exe，将文件提取到一个自定义目录里： 3.添加系统环境变量 在“系统变量…
阅读更多...
知识变现的未来：解析知识付费系统的核心

知识变现的未来：解析知识付费系统的核心

随着数字时代的发展，知识付费系统作为一种新兴的学习和知识分享模式，正逐渐引领着知识变现的未来。本文将深入解析知识付费系统的核心技术，揭示其在知识经济时代的重要性和潜力。 1. 知识付费系统的基本架构 知识付费系统的核心在于其灵活…
阅读更多...
代码随想录算法训练营 ---第四十九天

代码随想录算法训练营 ---第四十九天

前言： 今天是买卖股票的最佳时机系列，本系列之前在学习贪心思想时做过一些。 第一题： 简介： 本题在读题时我们要注意到几个细节 1.本题股票买卖只有一次。2.我们要在最低点买股票，在最高点卖股票。 我的思路&#…
阅读更多...
基于SSM抗疫爱心小栈APP-计算机毕设 附源码 54553

基于SSM抗疫爱心小栈APP-计算机毕设 附源码 54553

SSM抗疫爱心小栈APP 目 录 摘要 1 绪论 1.1 背景及意义 1.2研究现状 1.3ssm框架 1.4论文结构与章节安排 2 2 抗疫爱心小栈APP系统分析 2.1 可行性分析 2.2 系统流程分析 2.2.1 数据增加流程 2.2.2 数据修改流程 2.2.3数据删除流程 2.3 系统功能分析 2.3.1功能性分…
阅读更多...
第八节HarmonyOS @Component自定义组件的生命周期

第八节HarmonyOS @Component自定义组件的生命周期

在开始之前，我们先明确自定义组件和页面的关系： 1、自定义组件：Component装饰的UI单元，可以组合多个系统组件实现UI的复用。 2、页面：即应用的UI页面。可以由一个或者多个自定义组件组成，Entry装饰的自定…
阅读更多...
bodymovin：AE动画导出为JSONforMac/win中文版下载

bodymovin：AE动画导出为JSONforMac/win中文版下载

对于动画制作爱好者和专业设计师来说，Adobe After Effects（AE）是一个强大的工具，可以创造出惊人的动画效果。然而，将这些动画导出为可交互的格式一直是一个挑战。现在，有了bodymovin，你可以轻松…
阅读更多...
在Python中可视化CSV文件中的数据

在Python中可视化CSV文件中的数据

CSV代表“逗号分隔值”。这意味着CSV文件中的数据（值）由分隔符分隔，即，逗号CSV文件中的数据以扩展名为. csv的表格格式存储。通常，CSV文件与Microsoft Excel工作表一起使用。CSV文件包含许多记录，数据分布在…
阅读更多...
什么是虚拟化？如何监控虚拟化设备

什么是虚拟化？如何监控虚拟化设备

虚拟化是创建物理 IT 资源（如服务器或桌面）的虚拟版本的行为，虚拟机（VM）是在物理主机设备上创建的，VM 的行为与物理设备完全相同，并且可以从主机运行不同的操作系统。 例如，您可以在…
阅读更多...
Unity安装

Unity安装

DAY1 下载Unity 打开Unity3D官网，下载Unity Hub，管理Unity的软件。链接https://unity.cn/releases (可能需要注册账号，就正常注册登录即可) 如果是新版的hub，可能长下面这个样子，还是英文的，点击圆圈的设…
阅读更多...
数组中的第 K 个最大元素（C++实现）

数组中的第 K 个最大元素（C++实现）

数组中的第 K 个最大元素 题目思路代码 题目 数组中的第 K 个最大元素 思路 通过使用优先队列（最大堆）来找到数组中第k大的元素。通过弹出最大堆中的前k-1个元素，留下堆中的顶部元素作为结果返回。 代码 class Solution { public:int find…
阅读更多...
内测分发平台是否支持敏捷开发和持续集成？

内测分发平台是否支持敏捷开发和持续集成？

大家好，我是咕噜-凯撒。敏捷开发和持续集成是软件开发中非常重要的流程和方法。内测分发平台作为应用开发和测试的关键环节需要具备这种能力。下面我简单的介绍一下敏捷开发和持续集成和提供的功能。图片来源：news.gulufenfa.com 敏捷开发是一种迭代、协…
阅读更多...
MYSQL 8.X Linux-Generic 通用版本安装

MYSQL 8.X Linux-Generic 通用版本安装

下载对应版本MySQL :: Download MySQL Community Server (Archived Versions) 这里我选择的是Linux - Generic (glibc 2.12) (x86, 64-bit), TAR 解压到服务器 只需要里面的mysql-8.0.24-linux-glibc2.12-x86_64.tar.xz 在目录下创建需要的文件夹 这里我改名为mysql-8.0.24…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023