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

相关推荐
陈随易44 分钟前
农村程序员-关于小孩教育的思考
前端·后端·程序员
云深时现月1 小时前
jenkins使用cli发行uni-app到h5
前端·uni-app·jenkins
昨天今天明天好多天1 小时前
【Node.js]
前端·node.js
2401_857610031 小时前
深入探索React合成事件(SyntheticEvent):跨浏览器的事件处理利器
前端·javascript·react.js
刘艳兵的学习博客1 小时前
刘艳兵-DBA033-如下那种应用场景符合Oracle ROWID存储规则?
服务器·数据库·oracle·面试·刘艳兵
雾散声声慢1 小时前
前端开发中怎么把链接转为二维码并展示?
前端
熊的猫1 小时前
DOM 规范 — MutationObserver 接口
前端·javascript·chrome·webpack·前端框架·node.js·ecmascript
天农学子1 小时前
Easyui ComboBox 数据加载完成之后过滤数据
前端·javascript·easyui
mez_Blog1 小时前
Vue之插槽(slot)
前端·javascript·vue.js·前端框架·插槽
爱睡D小猪2 小时前
vue文本高亮处理
前端·javascript·vue.js