字符串的常用方法

news/2024/12/2 21:38:39/

一、操作方法

我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变。

🍕🍕并不是说直接增添内容,而是创建字符串的一个副本,再进行操作。除了常用的 + 以及 ${}进行字符串拼接之外,还可以通过concat

concat

用于将一个或多个字符串拼接成一个新字符串

let stringValue = 'hello';
let res = stringValue.concat("三体");
console.log(res);//"hello 三体"
console.log(stringValue);//"hello"

这里的删的意思并不是说删除原字符串的内容,而是创建字符串的一个副本,再进行操作

常见的有:

  • slice()
  • substr()
  • substring()
    都返回调用它们的字符串的一个子字符串,而且都接收一或两个参数。
let stringValue = "hello";
console.log(stringValue.slice(3));// lo

这里改的意思也不是改变原字符串,而是创建字符串的一个副本,再进行操作

常见的有:

  • trim()、trimLeft()、trimRight()
  • repeat()
  • padStart()、padEnd()
  • toLowerCase()、toUpperCase()
    trim()、trimLeft()、trimRight()
    删除前、后或前后所有空格符,再返回新的字符串
let stringValue = " hello ";
let trimmedStringValue = stringValue.trim();
console.log(stringValue);
console.log(trimmedStringValue);

repeat()

接收一个整数参数,表示要将字符串复制多少次,然后返回拼接所有副本后的结果

let stringValue = "hell";
let copyResult = stringValue.repeat(2)

padEnd()

复制字符串,如果小于指定长度,则在相应一边填充字符,直至满足长度条件

let stringValue = "foo";
console.log(stringValue.padStart(6));
console.log(stringValue.padStart(5,':')

toLowerCase()、toUpperCase()

大小写转化

let stringValue = "hello";
console.log(stringValue.toLowerCase());
console.log(stringValue.toUpperCase());

除了通过索引的方式获取字符串的值,还可通过:

  • chatAt()
  • indexOf()
  • startWith()
  • includes()

chatAt()
返回给定索引位置的字符,由传给方法的整数参数指定

let message = '我是土豆';
console.log(message.chatAt(2));

indexOf()
从字符串开头去搜索传入的字符串,返回位置(如没有,返回 -1)

let stringValue = "我是地瓜";
console.log(stringValue.indexOf("是"))

startWith()、includes()
从字符串中搜索传入的字符串,并返回一个表示是否包含的布尔值

let message = "我是01";
console.log(message.startWith("01"))

转换方法

split

let str = "1+2+3+我";
let arr = str.split("+");

模板匹配方法

针对正则表达式,字符串设计了几个方法:

  • match()
  • search()
  • replace()

match()
接收一个参数,可以是一个正则表达式字符串,也可以是一个RegExp对象,返回数组

let text = "cat,bat,sat,fat";
let pattern = "/.at/"
let matches = text.match(pattern);
console.log(matches[0]);

search()
接收一个参数,可以是一个正则表达式字符串,也可以是一个RegExp对象,找到则返回匹配索引,否则返回 -1

let text = "cat,bat,sat,fat";
let pos = text.search(/at/);
console.log(pos)

replace()
接收两个参数,第一个参数为匹配的内容,第二个参数为替换的元素(可用函数

let text = "cat,bat,sat,fat";
let result = text.replace("at","ont")
console.log(result)

http://www.ppmy.cn/news/133546.html

相关文章

Hi3516A开发--视频接口

参看:视频传输端口 参看:几种常用的视频接口 扩展:音视频接口介绍 我们经常在家里的电视机、各种播放器上,视频会议产品和监控产品的编解码器的视频输入输出接口上看到很多视频接口,这些视频接口哪些是模拟接口、哪些…

两个usb摄像头通过hub连接电脑怎么同时独立显示_把电脑装进口袋是什么感觉?华硕VivoStick TS10多角度体验...

自英特尔提出Compute Stick“计算棒”概念后,可谓开创了一个新的电脑形态。它仅比口红略大的身材,在连接显示器等外设之后,“计算棒”就能为用户带来完整的PC体验,对轻办公和对电脑性能要求不高的行业用户来说,计算棒可…

《调色师手册:电影和视频调色专业技法(第2版)》——配置调色影院

本节书摘来自异步社区《调色师手册:电影和视频调色专业技法(第2版)》一书中的第2章,配置调色影院,作者 【美】Alexis Van Hurkman(阿列克谢凡赫克曼),译者 高铭,陈华,更多章节内容可以访问云栖社区“异步社区”公众号查看。 配置调色影院 调色影院的目的是创建一个理…

【SSM分布式架构电商项目-11】后台系统开发接口返回商品类目数据

功能 构造数据 category.getDataService({"data": [{"u": "/products/1.html","n": "<a href/products/1.html>图书、音像、电子书刊</a>","i": [{"u": "/products/2.html",&quo…

清华同方 900 台式计算机,经济实惠! 清华同方超扬台式机双子评测

01经济实惠双子星 以往商用台式机给人的印象就是品质可靠、外观传统&#xff0c;这也是很多不同品牌普遍的特点。清华同方推出了超扬系列品牌商务主机&#xff0c;主打经济实惠&#xff0c;以坚实的品质和较高的性价比在商用、泛家用市场打出了一番名堂。 清华同方超扬Y系列台式…

超薄计算机的HDMI接口,机身轻薄两面观 笔记本接口变化趋势解析

最近几年,随着笔记本综合实力的不断提升,性能上已经能够满足大家日常办公、娱乐使用。所以在保证主流性能的同时,轻薄化也成了笔记本的主要发展方向。然而就在笔记本机身越来越轻薄的同时,因为机身空间有限,这些新品也不得不舍弃去一些我们常见的扩展接口。前段时间就有新…

从硬件到软件,亲自动手组建家庭多媒体文件系统

自从新房子交付后&#xff0c;一直规划着要在新房子里组建一套家用多媒体文件服务系统&#xff0c;因此网络的步线都是自己规划&#xff0c;没有按水电工的常规走&#xff0c;例如多媒体箱子里只保留交换机&#xff0c;光猫和路由器都被我独立出来放到吊顶下的托盘&#xff0c;…

关于智能投影要火的3个假象

以前&#xff0c;投影很多时候指的会议室里除了放PPT就是用来落灰的机器。但2013年以后&#xff0c;加入Android的“智能化”让这部机器一下子没那么土了。此后还有业内的巨额融资&#xff0c;让人感到智能投影要火。 宅客君不完全地统计了一下现在市面上的“智能投影“&#x…