盘点下JS字符串的常见方法,欢迎补充

一、增

  • concat
  • padEnd
  • padStart

concat()

concat()方法用于将两个或多个字符串连接在一起,并返回一个新的字符串。

js 复制代码
const str1 = 'Hello';
const str2 = 'World';
const result = str1.concat(' ', str2);
console.log(result); // Output: "Hello World"

padEnd() 和 padStart()

padEnd()padStart() 方法分别用于在字符串的末尾或开头填充指定的字符,直到字符串达到指定的长度。

js 复制代码
const str = 'Hello';
console.log(str.padEnd(10, '.')); // Output: "Hello....."
console.log(str.padStart(10, '.')); // Output: ".....Hello"

二、删

  • slice
  • substring
  • substr

slice()

slice() 方法从原始字符串中提取出指定位置范围的子字符串,并返回一个新的字符串,不会修改原始字符串。

js 复制代码
const str = 'Hello World';
console.log(str.slice(6)); // Output: "World"
console.log(str.slice(0, 5)); // Output: "Hello"

substring()

substring() 方法与 slice() 方法类似,但不支持负索引。它返回位于两个指定索引之间的子字符串。

js 复制代码
const str = 'Hello World';
console.log(str.substring(6)); // Output: "World"
console.log(str.substring(0, 5)); // Output: "Hello"

substr()

substr() 方法从指定位置开始提取指定长度的子字符串,并返回一个新的字符串。

js 复制代码
const str = 'Hello World';
console.log(str.substr(6)); // Output: "World"
console.log(str.substr(0, 5)); // Output: "Hello"

三、改

  • replace
  • repeat
  • trim
    • trimLeft
    • trimRight
  • toLowerCase
  • toUpperCase

replace()

replace() 方法用新字符串替换原始字符串中的匹配项。

js 复制代码
const str = 'Hello World';
console.log(str.replace('World', 'Universe')); // Output: "Hello Universe"

repeat()

repeat() 方法将字符串重复指定次数,并返回一个新的字符串。

js 复制代码
const str = 'Hello';
console.log(str.repeat(3)); // Output: "HelloHelloHello"

trim()

trim() 方法去除字符串两端的空白字符,并返回一个新的字符串。

js 复制代码
const str = '  Hello World  ';
console.log(str.trim()); // Output: "Hello World"

toLowerCase() 和 toUpperCase()

toLowerCase()toUpperCase() 方法分别将字符串转换为小写和大写形式。

js 复制代码
const str = 'Hello World';
console.log(str.toLowerCase()); // Output: "hello world"
console.log(str.toUpperCase()); // Output: "HELLO WORLD"

四、查

  • includes
  • indexOf
  • lastIndexOf
  • chatAt()
  • startsWith
  • endsWith

includes()

includes() 方法检查字符串是否包含指定的子字符串,并返回 true 或 false。

js 复制代码
const str = 'Hello World';
console.log(str.includes('World')); // Output: true
console.log(str.includes('Universe')); // Output: false

indexOf() 和 lastIndexOf()

indexOf()lastIndexOf() 方法分别返回字符串中指定子字符串的第一个匹配项和最后一个匹配项的索引。

js 复制代码
const str = 'Hello World';
console.log(str.indexOf('o')); // Output: 4
console.log(str.lastIndexOf('o')); // Output: 7

charAt()

charAt() 方法返回指定位置的字符。

js 复制代码
const str = 'Hello World';
console.log(str.charAt(6)); // Output: "W"

startsWith() 和 endsWith()

startsWith()endsWith() 方法分别检查字符串是否以指定的子字符串开头或结尾,并返回 true 或 false。

js 复制代码
const str = 'Hello World';
console.log(str.startsWith('Hello')); // Output: true
console.log(str.endsWith('World')); // Output: true

五、转换方法

  • charCodeAt
  • split

charCodeAt()

charCodeAt() 方法返回指定位置字符的 Unicode 编码。

js 复制代码
const str = 'Hello';
console.log(str.charCodeAt(0)); // Output: 72

split()

split() 方法将字符串分割为子字符串数组,使用指定的分隔符进行分割。

js 复制代码
const str = 'apple,banana,grape';
console.log(str.split(',')); // Output: ["apple", "banana", "grape"]

结语

如果这篇文章对你有帮助的话,欢迎点个赞收藏一下,你的点赞是对作者最好的激励,最后如果您也和我一样准备春招,,欢迎加我微信lx3122178991,一起交流面经,一起屡败屡战。

相关推荐
清幽竹客22 分钟前
vue-37(模拟依赖项进行隔离测试)
前端·vue.js
vvilkim22 分钟前
Nuxt.js 页面与布局系统深度解析:构建高效 Vue 应用的关键
前端·javascript·vue.js
滿27 分钟前
Vue3 父子组件表单滚动到校验错误的位置实现方法
前端·javascript·vue.js
夏梦春蝉1 小时前
ES6从入门到精通:模块化
前端·ecmascript·es6
拓端研究室2 小时前
视频讲解:门槛效应模型Threshold Effect分析数字金融指数与消费结构数据
前端·算法
工一木子3 小时前
URL时间戳参数深度解析:缓存破坏与前端优化的前世今生
前端·缓存
半点寒12W5 小时前
微信小程序实现路由拦截的方法
前端
某公司摸鱼前端6 小时前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~6 小时前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
小林学习编程6 小时前
Springboot + vue + uni-app小程序web端全套家具商场
前端·vue.js·spring boot