盘点下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,一起交流面经,一起屡败屡战。

相关推荐
小流苏生17 分钟前
这是一篇关于忘记的文章
前端·程序员·ai编程
2601_9637713722 分钟前
Scaling Podcast RSS Feeds and Audio Streaming on WordPress Servers
前端·windows·php
程序员爱钓鱼35 分钟前
Cargo 包管理器详解:Rust 开发必会工具
后端·面试·rust
大江东去浪淘尽千古风流人物40 分钟前
【SLAM】slam高动态位姿估计全链路拆解
算法·面试·职场和发展·视觉里程计·slam·vio·大疆
名字还没想好☜3 小时前
Next.js App Router 数据获取:fetch 缓存、revalidate 与 dynamic 一次讲清
前端
成都渲染101云渲染66667 小时前
如何在3ds Max中实现更快、更高质量的渲染
前端·javascript·人工智能
闲猫9 小时前
Spring AI 对接Deepseek ChatModel 聊天对话
java·前端·spring
自信的未来11 小时前
JSON 工具|Web Worker 工程化打包 + 语法自动修复 + 多语言代码生成实战
java·前端·json
我叫黑大帅11 小时前
MySQL 并发插入竞态问题:原子写入实践指南
后端·mysql·面试
全栈前端老曹11 小时前
【MongoDB】安全与权限管理 —— 用户认证、角色权限、SSL 加密
前端·javascript·数据库·安全·mongodb·nosql·ssl