当前位置: 首页 > news >正文

JS操作字符串方法学习系列(1)-每天学习10个方法

目录

    • **字符串连接 (Concatenation)**:
    • **字符串长度 (Length)**:
    • **字符串查找 (Search)**:
    • **字符串替换 (Replace)**:
    • **字符串分割 (Split)**:
    • **字符串大小写转换 (Case Conversion)**:
    • **字符串切片 (Slice)**:
    • **字符串删除空白 (Trim)**:
    • **字符串检查开头和结尾 (Starts/EndsWith)**:
    • **字符串格式化 (Template Literals)**:


👍 点赞,你的认可是我创作的动力!

⭐️ 收藏,你的青睐是我努力的方向!

✏️ 评论,你的意见是我进步的财富!


字符串连接 (Concatenation):

  • 作用: 用于将多个字符串连接成一个新的字符串。

  • 示例:

    const str1 = 'Hello';
    const str2 = 'World';
    const result = str1 + ' ' + str2; // 'Hello World'
    
  • 常见场景: 创建完整的句子或消息。

字符串长度 (Length):

  • 作用: 返回字符串中字符的数量。

  • 示例:

    const text = 'JavaScript';
    const length = text.length; // 10
    
  • 常见场景: 验证输入的字符串长度是否符合要求。

字符串查找 (Search):

  • 作用: 查找指定子字符串在字符串中的位置。

  • 示例:

    const sentence = 'This is a sample sentence';
    const position = sentence.indexOf('sample'); // 10
    
  • 常见场景: 搜索关键词或验证特定子字符串是否存在。

字符串替换 (Replace):

  • 作用: 替换字符串中的指定子字符串。

  • 示例:

    const message = 'Hello, World!';
    const newMessage = message.replace('World', 'Universe'); // 'Hello, Universe!'
    
  • 常见场景: 在文本中替换特定单词或字符。

字符串分割 (Split):

  • 作用: 将字符串分割成数组,以指定分隔符进行分割。

  • 示例:

    const colors = 'red,green,blue';
    const colorArray = colors.split(','); // ['red', 'green', 'blue']
    
  • 常见场景: 解析CSV文件或将字符串拆分为数组。

字符串大小写转换 (Case Conversion):

  • 作用: 将字符串转换为大写或小写。

  • 示例:

    const mixedCase = 'HeLLo WoRLD';
    const upperCase = mixedCase.toUpperCase(); // 'HELLO WORLD'
    const lowerCase = mixedCase.toLowerCase(); // 'hello world'
    
  • 常见场景: 格式化用户输入或比较字符串时不区分大小写。

字符串切片 (Slice):

  • 作用: 从字符串中提取指定范围的字符。

  • 示例:

    const text = 'JavaScript is awesome';
    const slicedText = text.slice(0, 10); // 'JavaScript'
    
  • 常见场景: 提取部分文本,用于展示或处理。

字符串删除空白 (Trim):

  • 作用: 删除字符串开头和结尾的空格。

  • 示例:

    const text = '   Trim me!   ';
    const trimmedText = text.trim(); // 'Trim me!'
    
  • 常见场景: 清理用户输入,确保不包含不必要的空白。

字符串检查开头和结尾 (Starts/EndsWith):

  • 作用: 检查字符串是否以指定的前缀或后缀开头或结尾。

  • 示例:

    const filename = 'document.pdf';
    const isPDF = filename.endsWith('.pdf'); // true
    
  • 常见场景: 验证文件类型或URL。

字符串格式化 (Template Literals):

  • 作用: 使用模板字符串创建多行文本和插入变量。

  • 示例:

    const name = 'Alice';
    const greeting = `Hello, ${name}!
    How are you doing?`;
    
  • 常见场景: 创建动态生成的文本,例如电子邮件模板或日志消息。

相关文章:

JS操作字符串方法学习系列(1)-每天学习10个方法

目录 **字符串连接 (Concatenation)**:**字符串长度 (Length)**:**字符串查找 (Search)**:**字符串替换 (Replace)**:**字符串分割 (Split)**:**字符串大小写转换 (Case Conversion)**:**字符串切片 (Slice)**:**字符串删除空白 (Trim)**:**字符串检查开头和结尾 (Starts/EndsW…...

iterator和generator

iterator和generator iterator es6: let/const ...展开 迭代器 是一种机制,比如在控制台输出Iterator是没有这个类的,为不同的数据结构提供迭代循环的机制。 迭代器对象:具备next方法,next能够对你指定的数据进行迭代循环&#x…...

ipv6笔记及总结

1、路由器请求消息Router Solicitation和路由器通告Router Advertisement消息主要用于无状态地址的情况下,有状态的情况使用的是dhcpv6 server分配(例如:IPv6地址以及其他信息(DNS、域名等))。 2、关于IPv…...

64位Ubuntu20.04.5 LTS系统安装32位运行库

背景: 在ubutu(版本为20.04.5 LTS)中运行./arm-none-linux-gnueabi-gcc -v 后提示“no such device”。 经多方查证,是ubutu的版本是64位的,而需要运行的编译工具链是32位的,因此会不兼容。 解决方法就是在…...

关于vue.config.js

关于vue.config.js 简述 vue.config.js是一个可选的配置文件,如果项目的根目录中存在这个文件,那么它就会被vue/cli-service自动加载。你也可以使用package.json中的vue字段,但是注意这种写法需要你严格遵守JSON的格式来写。 这个文件应该…...

Jupyter NoteBook 中使用 cv2.imshow 显示图片

Jupyter NoteBook 中使用 cv2.imshow 显示图片 有两种办法: 用 cv2.imshow时加入cv2.destroyAllWindows() 用 plt.imshow() 代替 cv2.imshowhttps://blog.csdn.net/kuweicai/article/details/103359299...

gpt扣款失败,openai扣款失败无法使用-如何解决gpt扣款失败的问题?

gpt扣款失败,openai扣款失败无法使用。毕竟你花了钱却无法使用你所期待的服务,这种情况确实令人不快。但是, 为什么gpt扣款失败? 可能是由于支付问题导致的扣款失败。这包括信用卡额度不足、支付信息错误等等。如果你的支付信息…...

OJ练习第180题——颠倒二进制位

颠倒二进制位 力扣链接:190. 颠倒二进制位 题目描述 颠倒给定的 32 位无符号整数的二进制位。 提示: 请注意,在某些语言(如 Java)中,没有无符号整数类型。在这种情况下,输入和输出都将被指…...

SpringSecurity授权--前端进行访问控制

目录 &#xff08;1&#xff09;引入依赖 &#xff08;2&#xff09;页面 SpringSecurity可以在一些视图技术中进行控制显示效果。例如Thymeleaf中&#xff0c;只有登录用户拥有某些权限才会展示一些菜单 &#xff08;1&#xff09;引入依赖 <!--Spring Security整合Thyme…...

如何看待Unity新的收费模式?

文章目录 背景Unity的论点开发者的担忧如何看待Unity新的收费模式&#xff1f;1. 理解Unity的立场2. 考虑小型开发者3. 探索替代方案4. 对市场变化保持敏感5. 提高游戏质量 结论 &#x1f389; 如何看待Unity新的收费模式&#xff1f; ☆* o(≧▽≦)o *☆嗨~我是IT陈寒&#x1…...

WebRTC系列--sdp协商中的answer编解码协商过程

关于createAnswer的流程在前面的文章WebRTC系列-SDP之CreateAnswer这篇文章中有详细的分析。 这篇文章主要对于MediaSessionDescriptionFactory的AddAudioContentForAnswer做详细的分析,也就是说对于音频编码的匹配也是在这个方法里实现: 首先主要的函数调用如下图: 这篇文…...

WeCanStudio工具套件介绍

直接上视频,在超燃的《天马座幻想》的背景音乐下&#xff0c;再次了解一下该工具套件吧。 WeCanStudio开发套件介绍...

图形化思维:Graphviz和DOT语言的艺术与实践

前言 Graphviz和DOT语言是一对强大的工具&#xff0c;用于创建各种类型的图形&#xff0c;从流程图和组织结构图到网络拓扑图&#xff0c;无所不能。它们的灵活性和自定义性使得它们在数据可视化、系统设计、项目规划等各个领域都备受欢迎。然而&#xff0c;要想真正掌握Graph…...

如何查看电脑详细配置、型号?这4个技巧 yyds!

知道自己电脑的配置和型号&#xff0c;可以更合理合适的去安装软件&#xff0c;避免出现电脑系统和软件不兼容问题。 了解详细配置信息可以检测一下电脑组件是否是二手的。 从解决实际问题的角度&#xff0c;推荐这4个技巧&#xff1a; 1、右键“此电脑” 2、设备管理器查看…...

安卓机型固件系统分区的基础组成 手机启动规律初步常识 各分区的基本含义与说明

此贴为基本常识。感兴趣的友友可以了解手机的启动顺序和各模式的基本操作与意义。另外了解手机系统分区各文件夹的含义 分区说明对应贴&#xff1a;安卓机型固件中分区对应说明 手机开机基本启动顺序 当我们按下手机开机键的时候。基本的启动顺序为 注意&#xff1a;该结构图…...

php如何把数组元素反转-array_reverse使用要点

在PHP中&#xff0c;你可以使用array_reverse()函数来反转数组的元素顺序。该函数会返回一个新的数组&#xff0c;其中的元素顺序与原始数组相反。 以下是使用array_reverse()函数反转数组的示例代码&#xff1a; <?php $originalArray array(a, b, c, d); $reversedArr…...

【CV学习笔记】tensorrtx-yolov5 逐行代码解析

1、前言 TensorRTx(下文简称为trtx)是一个十分流行的利用API来搭建网络结构实现trt加速的开源库&#xff0c;作者提到为什么不用ONNX parser的方式来进行trt加速&#xff0c;而用最底层的API来搭建trt加速的方式有如下原因: Flexible 很容易修改模型的任意一层&#xff0c;删…...

微信管理系统可以解决什么问题?

微信作为一款社交通讯软件&#xff0c;已经成为人们日常生活中不可缺少的工具。不仅个人&#xff0c;很多企业都用微信来联系客户、维护客户和营销&#xff0c;这自然而然就会有很多微信账号、手机也多&#xff0c;那管理起来就会带来很多的不便&#xff0c;而微信管理系统正好…...

mysql事务测试

mysql的事务处理主要有两种方法1、用begin,rollback,commit来实现 begin; -- 开始一个事务 rollback; -- 事务回滚 commit; -- 事务提交 2、直接用set来改变mysql的自动提交模式 mysql默认是自动提交的&#xff0c;也就是你提交一个sql&#xff0c;它就直接执行&#xff01;我…...

Spring面试题14:Spring中什么是Spring Beans? 包含哪些?Spring容器提供几种方式配置元数据?Spring中怎样定义类的作用域?

该文章专注于面试,面试只要回答关键点即可,不需要对框架有非常深入的回答,如果你想应付面试,是足够了,抓住关键点 面试官:Spring中什么是Spring Beans? 包含哪些? 在Spring中,Spring Beans是指由Spring容器管理的对象。Spring Beans包含以下内容: 类定义(Class De…...

Tomcat部署、优化、以及操作练习

一.Tomcat的基本介绍 1.1.Tomcat是什么&#xff1f; Tomcat服务器是一个免费的开放源代码的Web应用服务器&#xff0c;属于轻量级应用服务器&#xff0c;在中小型系统和并发访问用户不是很多的场合下被普遍使用&#xff0c;是开发和调试JSP程序的首选。一般来说&#xff0c;T…...

服务器假死日志按时间统计排查

文章目录 场景解决方案排查过程根据cost时间来筛选 场景 服务器假死&#xff0c;进程还在&#xff0c;但是已经接不到请求了。因此有客户报事&#xff0c;发现服务假死了。 解决方案 这种假死问题一般不太好排查&#xff0c;常规来说有几种可能。 1、慢sql导致卡死。 2、大数…...

CSS——grid网格布局的基本使用

网格布局在实现页面自适应&#xff0c;大屏可视化中常常使用&#xff0c;在这篇博客里&#xff0c;记录一下网格布局的基本使用。 参考文档&#xff1a;网格布局_菜鸟教程 文章目录 1. 体会grid的自适应性2. grid-template-arr配置网格行列3. 网格单位fr与repeat()简写属性值4…...

【python】使用Nuitka打包python项目-demo示例

文章目录 写在前面参考准备工作Quick Start参数说明使用打包程序输出目录结构日志2023.09.20 写在前面 本文的demo示例的代码/数据可从笔者的GitCode获取: HelloWorld 参考 Nuitka官网: https://github.com/Nuitka/NuitkaNuitka使用: https://daobook.github.io/nuitka-doc/…...

Java多线程篇(5)——cas和atomic原子类

文章目录 CASAtomic 原子类一般原子类针对aba问题 —— AtomicStampedReference针对大量自旋问题 —— LongAdder CAS 原理大致如下&#xff1a; 在java的 Unsafe 类里封装了一些 cas 的api。以 compareAndSetInt 为例&#xff0c;来看看其底层实现。 可以发现&#xff0c;最…...

数据结构---栈和队列

栈(Stack) 栈&#xff1a;一种特殊的线性表&#xff0c;其只允许在固定的一端进行插入和删除元素操作。进行数据插入和删除操作的一端称为栈 顶&#xff0c;另一端称为栈底。栈中的数据元素遵守后进先出LIFO&#xff08;Last In First Out&#xff09;的原则。 压栈&#xff1…...

2023-9-23 合并果子

题目链接&#xff1a;合并果子 #include <iostream> #include <algorithm> #include <queue>using namespace std;int main() {int n;cin >> n;priority_queue<int, vector<int>, greater<int>> heap;for(int i 0; i < n; i){in…...

基于QT和UDP实现一个实时RTP数据包的接收,并将数据包转化成文件

简单介绍&#xff1a;代码写的比较详细&#xff0c;需要留意的地方看结尾介绍 头文件 #ifndef RTPRECEIVER_H #define RTPRECEIVER_H#include <QDialog> #include <QUdpSocket> #include <QFile> #include <QTextStream> #include <httpclient.h&g…...

云原生安全性:保护现代应用免受威胁

文章目录 引言云原生安全性的挑战云原生安全性的关键实践1. 安全的镜像构建2. 网络策略3. 漏洞扫描和漏洞管理4. 认证和授权5. 日志和监控 云原生安全工具结论 &#x1f389;欢迎来到云计算技术应用专栏~云原生安全性&#xff1a;保护现代应用免受威胁 ☆* o(≧▽≦)o *☆嗨~我…...

R语言绘图-3-Circular-barplot图

0. 参考&#xff1a; https://r-graph-gallery.com/web-circular-barplot-with-R-and-ggplot2.html 1. 说明&#xff1a; 利用 ggplot 绘制 环状的条形图 (circular barplot)&#xff0c;并且每个条带按照数值大小进行排列。 2 绘图代码: 注意&#xff1a;绘图代码中的字体…...

武进网站建设服务/cms网站

【实例简介】炫酷的登录页面&#xff0c;css样式&#xff0c;js等等全部都有&#xff0c;登录效果也是写好的&#xff0c;其登陆用户名和密码是写死的&#xff0c;自己可以根据需要改成动态的【实例截图】【核心代码】layui_login└── layui_login├── css│ ├── defa…...

网站图片怎么做优化/竞价推广套户渠道商

在平时工作中&#xff0c;你是不是经常需要用到Word工具&#xff0c;本期Word妹与大家分享3个Word的小技巧。1、如何将横向文字更改为纵向&#xff1f;选中文本&#xff0c;点击布局——文字方向——选择垂直即可。如下图所示&#xff0c;如何将更改英文方向&#xff1f;直接选…...

多语言网站 自助/无锡百度快速优化排名

什么时候需要安装如果使用 protoc 命令&#xff0c;遇到 Protoc not found&#xff0c;表示未安装。或者&#xff0c;执行时出现错误&#xff1a;This parser only recognizes "proto2"&#xff0c;则表示不是3.0版。安装过程及可能遇到的问题安装指令详细介绍请参考…...

更换网站空间/网店seo关键词

不可否认&#xff0c;React Native是开发混合应用的未来。它提供了可扩展性、灵活性、速度、敏捷性、成本效益和卓越的性能。难怪这么多成功的公司依赖React Native来构建他们的应用程序。毕竟&#xff0c;在互联网时代&#xff0c;每个企业都需要一个高性能的应用程序来满足客…...

网站首页模板制作/厦门seo哪家强

目录&#xff1a; 为什么安装PostViews 安装PostViews插件 添加if记录到XXX.php文件 PostViews插件设置 为什么安装PostViews 由于新站建好后&#xff0c;需要统计文章的访问数量&#xff0c;以此来量化文章的质量和吸引力等关键指标&#xff0c;查阅了大部分资料&#xff…...

有什么做糕点的视频网站/做网站怎么赚钱

当我们使用Spring Cloud Ribbon实现客户端负载均衡的时候&#xff0c;通常都会利用LoadBalanced来让RestTemplate具备客户端负载功能&#xff0c;从而实现面向服务名的接口访问,下面的例子&#xff0c;实现了对服务名为hello-service的/hello接口的调用。由于RestTemplate被Loa…...