#Js篇:字符串的使用方法es5和es6

2024-02-08 01:04

本文主要是介绍#Js篇:字符串的使用方法es5和es6,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

字符串

  • \' :单引号(\u0027
  • \" :双引号(\u0022

charAt

定义:

返回指定位置的字符,参数时从0开始编号的位置

参数:

位置下标

'abc'.charAt(1) // "b"
'abc'[1] // "b"

concat

定义:

连接两个字符串

参数:
可以接受多个参数

返回:

返回一个新字符串

不改变原字符串

'a'.concat('b', 'c') // "abc"

slice

定义:

从原字符串去除子字符串并返回

参数:

第一个参数时子字符串开始位置

第二个参数时子字符串结束位置–不包含该位置

正数情况下,如果第一个参数大于第二个参数,slice()方法返回一个空字符

不改变原字符串

substring

定义:

用于从原字符串取出子字符串并返回

参数和slice都一样

不一样的事参数都为正数

如果第一个参数大于第二个参数,substring会自动更换两个参数的位置

substr

定义:

用于从原字符串取出子字符串并返回

indexOf lastIndexOf

用于确定一个字符串在另一个字符转中第一次出现的位置,返回结果是匹配开始的位置,没有匹配返回-1

trim

用于去除字符串两端的空格,返回一个新字符串,不改变原字符串

toLowerCase toUpperCase

tolowerCase

将字符串转成小写字母

toUpperCase

将字符串转成大写字母

match

定义:

用于确定原字符串是否匹配某个字符串

参数:

某个字符串

或者

正则表达式

返回:

返回一个数组,成员为匹配的第一个字符串

如果没有匹配,则返回null

'cat, bat, sat, fat'.match('at') // ["at"]
'cat, bat, sat, fat'.match('xt') // null

search

定义:

基本等同于match,

参数:

某个字符串

或者

正则表达式

返回:

返回值为匹配的第一个位置,

如果没有找到匹配,则返回-1

let str1 = ' hellon WORLD '
let match = str1.search('llon')
console.log('match: ', match);
// 3

replace

用于替换匹配的子字符串

返回替换后的字符串

   let str1 = ' hellon WORLD 'let match = str1.replace('llon', 1234)console.log('match: ', match);
// he1234 WORLD

split

定义:

将字符串切割成数组

参数:

第一个参数

给定的某个分隔符

如果省略参数则返回 字符串成员数组

第二个参数

限定返回数组的最大成员数

返回:

返回数组

    let str1 = 'hellon|WORLD|sss'let match = str1.split('|', 2)console.log('match: ', match, str1);
//  hellon|WORLD|sss

字符串遍历器接口

for … of

JSON.stringify

模版字符串``

模板字符串中嵌入变量,需要将变量名写在${}之中。

includes

返回布尔值,表示是否找到了参数字符串。

接受第二个参数,表示开始搜索的位置

startsWith

返回布尔值,表示参数字符串是否在原字符串的头部。

endsWith

返回布尔值,表示参数字符串是否在原字符串的尾部。

repeat

返回一个新字符串,表示将原字符串重复n次。

参数如果是小数会被取整。

如果repeat的参数是负数或者Infinity,会报错。

但是,如果参数是 0 到-1 之间的小数,则等同于 0,这是因为会先进行取整运算。0 到-1 之间的小数,取整以后等于-0repeat视同为 0。

参数NaN等同于 0。

padStart padEnd

padStart

用于头部补全

padEnd

用于尾部补全

'x'.padStart(5, 'ab') // 'ababx'
'x'.padStart(4, 'ab') // 'abax''x'.padEnd(5, 'ab') // 'xabab'
'x'.padEnd(4, 'ab') // 'xaba'

参数:

第一个参数–字符串补全生效的最大长度

第二参数是用于补全的字符串

如果原字符串的长度,等于或大于最大长度,则字符串补全不生效,返回原字符串。

trimStart

去除头部空格

trimEnd

去除尾部空格

matchAll

所有匹配

replaceAll

at–返回指定位置的字符,支持负索引

这篇关于#Js篇:字符串的使用方法es5和es6的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/689487

相关文章

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

Windows下C++使用SQLitede的操作过程

《Windows下C++使用SQLitede的操作过程》本文介绍了Windows下C++使用SQLite的安装配置、CppSQLite库封装优势、核心功能(如数据库连接、事务管理)、跨平台支持及性能优... 目录Windows下C++使用SQLite1、安装2、代码示例CppSQLite:C++轻松操作SQ

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

全面解析HTML5中Checkbox标签

《全面解析HTML5中Checkbox标签》Checkbox是HTML5中非常重要的表单元素之一,通过合理使用其属性和样式自定义方法,可以为用户提供丰富多样的交互体验,这篇文章给大家介绍HTML5中C... 在html5中,Checkbox(复选框)是一种常用的表单元素,允许用户在一组选项中选择多个项目。本

HTML5 搜索框Search Box详解

《HTML5搜索框SearchBox详解》HTML5的搜索框是一个强大的工具,能够有效提升用户体验,通过结合自动补全功能和适当的样式,可以创建出既美观又实用的搜索界面,这篇文章给大家介绍HTML5... html5 搜索框(Search Box)详解搜索框是一个用于输入查询内容的控件,通常用于网站或应用程

Python并行处理实战之如何使用ProcessPoolExecutor加速计算

《Python并行处理实战之如何使用ProcessPoolExecutor加速计算》Python提供了多种并行处理的方式,其中concurrent.futures模块的ProcessPoolExecu... 目录简介完整代码示例代码解释1. 导入必要的模块2. 定义处理函数3. 主函数4. 生成数字列表5.

Python中help()和dir()函数的使用

《Python中help()和dir()函数的使用》我们经常需要查看某个对象(如模块、类、函数等)的属性和方法,Python提供了两个内置函数help()和dir(),它们可以帮助我们快速了解代... 目录1. 引言2. help() 函数2.1 作用2.2 使用方法2.3 示例(1) 查看内置函数的帮助(

Linux脚本(shell)的使用方式

《Linux脚本(shell)的使用方式》:本文主要介绍Linux脚本(shell)的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述语法详解数学运算表达式Shell变量变量分类环境变量Shell内部变量自定义变量:定义、赋值自定义变量:引用、修改、删

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.

Python中使用uv创建环境及原理举例详解

《Python中使用uv创建环境及原理举例详解》uv是Astral团队开发的高性能Python工具,整合包管理、虚拟环境、Python版本控制等功能,:本文主要介绍Python中使用uv创建环境及... 目录一、uv工具简介核心特点:二、安装uv1. 通过pip安装2. 通过脚本安装验证安装:配置镜像源(可