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

目录

    • **字符串编码 (encodeURIComponent 和 decodeURIComponent)**:
    • **字符串转换为日期 (Date Parsing)**:
    • **字符串模板引擎 (Template Engines)**:
    • **字符串替换所有匹配项 (replaceAll)**:
    • **字符串分隔并限制 (String.prototype.split)**:
    • **字符串转义字符 (Escape Characters)**:
    • **字符串合并 (Reduce)**:
    • **字符串切割为句子 (Sentence Splitting)**:
    • **字符串分隔并删除空字符串 (Split and Filter)**:
    • **字符串去重 (Unique Characters)**:


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

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

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


字符串编码 (encodeURIComponent 和 decodeURIComponent):

  • 作用: 编码和解码字符串以进行URL参数传递。

  • 示例:

    const originalText = 'Hello, World!';
    const encodedText = encodeURIComponent(originalText);
    const decodedText = decodeURIComponent(encodedText);
    
  • 常见场景: 在URL中传递特殊字符或参数。

字符串转换为日期 (Date Parsing):

  • 作用: 将包含日期信息的字符串解析为JavaScript日期对象。

  • 示例:

    const dateString = '2023-09-18';
    const dateObject = new Date(dateString);
    
  • 常见场景: 处理日期数据,例如从API中获取日期并格式化。

字符串模板引擎 (Template Engines):

  • 作用: 使用模板引擎库将变量插入到字符串模板中以生成动态内容。

  • 示例:

    const template = 'Hello, {{name}}!';
    const data = { name: 'Alice' };
    const rendered = templateEngine(template, data); // 'Hello, Alice!'
    
  • 常见场景: 在前端开发中生成动态HTML或邮件模板。

字符串替换所有匹配项 (replaceAll):

  • 作用: 替换字符串中所有匹配的子字符串。

  • 示例:

    const text = 'The quick brown fox jumps over the lazy dog.';
    const replacedText = text.replaceAll('the', 'THE');
    // 'The quick brown fox jumps over THE lazy dog.'
    
  • 常见场景: 替换字符串中的所有特定文本。

字符串分隔并限制 (String.prototype.split):

  • 作用: 将字符串分割成数组,但可以限制分割的次数。

  • 示例:

    const text = 'apple,banana,cherry,date';
    const fruits = text.split(',', 2); // ['apple', 'banana']
    
  • 常见场景: 限制分割次数,以处理前几个元素。

字符串转义字符 (Escape Characters):

  • 作用: 使用转义字符(如\n表示换行)插入特殊字符。

  • 示例:

    const text = 'This is a new\nline.';
    
  • 常见场景: 在字符串中表示不可见或特殊字符。

字符串合并 (Reduce):

  • 作用: 使用Array.prototype.reduce()将字符串数组合并成单个字符串。

  • 示例:

    const words = ['Hello', 'World', '!'];
    const merged = words.reduce((result, word) => result + ' ' + word);
    // ' Hello World !'
    
  • 常见场景: 将数组中的字符串合并成一个长文本。

字符串切割为句子 (Sentence Splitting):

  • 作用: 将文本切割为句子,通常使用句号、问号和感叹号作为分隔符。

  • 示例:

    const text = 'Hello! How are you? I am fine.';
    const sentences = text.split(/[.!?]/);
    // ['Hello', ' How are you', ' I am fine', '']
    
  • 常见场景: 文本分析或自然语言处理应用中将文本切分为句子。

字符串分隔并删除空字符串 (Split and Filter):

  • 作用: 将字符串分割成数组并删除其中的空字符串。

  • 示例:

    const text = 'apple,banana,,cherry';
    const fruits = text.split(',').filter(Boolean); // ['apple', 'banana', 'cherry']
    
  • 常见场景: 处理可能包含空字符串的文本。

字符串去重 (Unique Characters):

  • 作用: 从字符串中移除重复的字符,仅保留唯一的字符。

  • 示例:

    const text = 'aabbccdd';
    const uniqueText = Array.from(new Set(text)).join(''); // 'abcd'
    
  • 常见场景: 在需要唯一字符集的情况下使用,例如计算字符统计。

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

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

相关文章

Redis缓存实现及其常见问题解决方案

随着互联网技术的发展,数据处理的速度和效率成为了衡量一个系统性能的重要指标。在众多的数据处理技术中,缓存技术以其出色的性能优化效果,成为了不可或缺的一环。而在众多的缓存技术中,Redis 以其出色的性能和丰富的功能&#xf…

JDK jps命令复习

之前写过jdk命令工具的博文,下面复习jps命令; jps 是 Java Process Status Tool 的简称,它的作用是为了列出所有正在运行中的 Java 虚拟机进程和相关信息; jps 命令参数 -q 只输出进程 ID,省略主类的名称 -m 输出虚拟机进程启动时传递…

C#使用OpenCv(OpenCVSharp)图像轮廓凸包检测与绘制

本文实例演示C#语言中如何使用OpenCv(OpenCVSharp)对图像凸包轮廓检测与绘制。 找轮廓 public static void FindContours(InputArray image, out Point[][] contours, out HierarchyIndex[] hierarchy, RetrievalModes mode, ContourApproximationModes method, Point? of…

python经典百题之求前!的和

题目:求12!3!…20!的和 方法一: 使用for循环和阶乘函数计算每项的值,再将每项的值累加起来。 def factorial(n):if n 0:return 1else:return n * factorial(n-1)sum 0 for i in range(1, 21):sum factorial(i) * iprint(sum)优点&#…

Vue-DPlayer详细使用(包含遇到坑)

Vue-DPlayer:一个优秀的视频播放器组件 Vue-DPlayer是一个易于使用、高性能的基于Vue.js的视频播放器组件。如果你需要在你的Vue.js应用程序中实现视频播放功能,那么Vue-DPlayer就是一个很好的选择。在下面的文章中,我们将从以下四个方面对V…

AG35学习笔记(一):debug串口抓取模组log、debug串口测试AT指令、echo命令通过串口发送16进制数据

目录 一、概述二、抓取模组log2.1 硬件接口2.2 用户登录2.3 相关指令 三、测试AT指令3.1 查看端口3.2 进入模式 四、串口发16进制echo使用 一、概述 二、抓取模组log 在之前记录了通过USB,使用移远工具Qwinlog来抓取log(3.3 抓取模组log)。…

【Java】第一个Servlet程序

第一个Servlet程序 创建项目引入依赖手动创建必要的目录/文件编写代码打包程序部署验证程序是否正常工作 创建项目 选中maven 创建好项目后,观察左侧项目结构 引入依赖 当权代码需要使用servlet开发,而Java标准库中并没有servlet,此时就需要让maven能够把servlet的依赖获取…

子网的划分

强化计算机网络发现王道没有这一块的内容,导致做题稀里糊涂。于是个人调研补充。 子网划分是将一个大型IP网络划分成更小的子网,以实现更有效的网络管理和资源分配。 原因: 提高网络性能:子网划分可以减少广播域的大小&#xff…

成集云 | 用友NC集成旺店通ERP(旺店通主管库存)| 解决方案

源系统成集云目标系统 方案介绍 用友NC是用友NC产品的全新系列,是面向集团企业的世界级高端管理软件。它以“全球化集团管控、行业化解决方案、全程化电子商务、平台化应用集成”的管理业务理念而设计,采用J2EE架构和先进开放的集团级开发平台…

bootstrap柵格

.col-xs- 超小屏幕 手机 (<768px) .col-sm- 小屏幕 平板 (≥768px) .col-md- 中等屏幕 桌面显示器 (≥992px) .col-lg- 大屏幕 大桌面显示器 (≥1200px) 分为12个格子 -后面的1代表占12分子1也就是一份 1.中等屏幕 <div class"container-fluid a">&l…

Autojs 小游戏实践-潮玩宇宙开扭蛋

概述 最近在玩潮流宇宙&#xff0c;里面有扭蛋兔的一个玩法&#xff0c;开始有很多蛋&#xff0c;需要我们一个个点开&#xff0c;然后根据装备品质替换分解&#xff0c;潮流提供了自动开扭蛋功能&#xff0c;但是开到品质比自己装备好的时候回暂停&#xff0c;由于个人懒得看…

在Kubernetes上安装和配置Istio:逐步指南,展示如何在Kubernetes集群中安装和配置Istio服务网格

&#x1f337;&#x1f341; 博主猫头虎 带您 Go to New World.✨&#x1f341; &#x1f984; 博客首页——猫头虎的博客&#x1f390; &#x1f433;《面试题大全专栏》 文章图文并茂&#x1f995;生动形象&#x1f996;简单易学&#xff01;欢迎大家来踩踩~&#x1f33a; &a…

java字符串训练与学习

package com.itheima;import java.util.StringTokenizer;public class 字符串训练学习 {public static void main(String[] args) {String s new String("HelloWorld");System.out.println(s);System.out.println(s.length());//创建字符串//String s new String(&…

掌握这三大要素,轻松写出爆款软文

随着网络的快速发展&#xff0c;软文营销的趋势也在不断变化&#xff0c;做软文看似简单&#xff0c;但是想要做出成绩&#xff0c;真正吸引用户其实是有一定难度的&#xff0c;也有不少企业向媒介盒子咨询软文写作的相关话题&#xff0c;今天就让媒介盒子告诉大家&#xff0c;…

Linux查找文件内容的命令

在Linux中&#xff0c;您可以使用以下命令来查找文件内容&#xff1a; grep命令&#xff1a; grep命令用于在文件中搜索指定的文本模式&#xff0c;并将包含匹配的行打印出来。语法如下&#xff1a; grep "要查找的文本" 文件名例如&#xff0c;要在名为example.txt的…

【深度学习 | LSTM】解开LSTM的秘密:门控机制如何控制信息流

&#x1f935;‍♂️ 个人主页: AI_magician &#x1f4e1;主页地址&#xff1a; 作者简介&#xff1a;CSDN内容合伙人&#xff0c;全栈领域优质创作者。 &#x1f468;‍&#x1f4bb;景愿&#xff1a;旨在于能和更多的热爱计算机的伙伴一起成长&#xff01;&#xff01;&…

(超详解)堆排序+(图解)

目录&#xff1a; 1:如何建堆(两种方法) 2:两种方法建堆的时间复杂度分析与计算 3:不同类型的排序方式我们应该如何建堆 文章正式开始&#xff1a; 1&#xff1a;如何建堆 在实现堆排序之前我们必须得建堆&#xff0c;才能够实现堆排序 首先在讲解如何建堆之前让我们先来回顾一…

大模型能力

Task02 大模型能力 目录 prompt技巧公式LangChain 什么是LangChain如何使用LangChain&#xff1f;LangChain的模型LangChain 的主要特点示例 prompt技巧公式 prompt (角色) 任务 要求 提示 LangChain 什么是LangChain LangChain是一个强大的框架&#xff0c;旨在帮…

JDK8新特性

Lembda表达式 lembda表达式是一个简洁、可传递的匿名函数,实现了把代码块赋值给一个变量的功能 是我认为jdk1.8中最让人眼前一亮的特性&#xff08;我没用过其他函数式的语言&#xff09; 在了解表达式之前&#xff0c;我们先看两个概念 函数式接口 含有且仅含有一个抽象方法&…

CSS核心使用

CSS核心使用 box-sizingbox-shdowtext-shadowpositionwriting-mode box-sizing 定义计算一个元素的总高度和总宽度. 属性值 content-box 默认值,width 内容宽度,height内容的高度border-box 宽度和高度包含内容,内边距和边框 widthborderpadding内容宽度, heightborderpaddi…