清淨
  • Java

    • Java 基础
  • 框架

    • Flyway
    • MapStruct
    • Spring Cloud
  • 中间件

    • Elasticsearch
    • Redis
    • RabbitMQ
    • Kafka
  • 三剑客

    • HTML
    • CSS
    • JavaScript
  • 进阶

    • jQuery
    • ECMAScript6
    • TypeScript
  • Vue

    • Vue2
    • Vue3
    • VuePress
  • Linux
  • Jenkins
  • Maven
  • MySQL
  • 插件工具
  • 代码集成
  • 其它

    • 数据结构与算法
    • 计算机网络
    • 操作系统
    • 设计模式
迁移日志
订阅号
微信订阅号
微信订阅号
GitHub
  • Java

    • Java 基础
  • 框架

    • Flyway
    • MapStruct
    • Spring Cloud
  • 中间件

    • Elasticsearch
    • Redis
    • RabbitMQ
    • Kafka
  • 三剑客

    • HTML
    • CSS
    • JavaScript
  • 进阶

    • jQuery
    • ECMAScript6
    • TypeScript
  • Vue

    • Vue2
    • Vue3
    • VuePress
  • Linux
  • Jenkins
  • Maven
  • MySQL
  • 插件工具
  • 代码集成
  • 其它

    • 数据结构与算法
    • 计算机网络
    • 操作系统
    • 设计模式
迁移日志
订阅号
微信订阅号
微信订阅号
GitHub
  • ECMAScript6

    • 简介
    • let
    • const
    • 解构赋值
    • 对象简写
    • 箭头函数
    • 参数默认值
    • 剩余参数
    • 可选链操作符
    • 空值合并运算符
    • 逻辑空赋值
    • 模板字符串
    • 扩展运算符 (展开语法)
    • Array 扩展
    • String 扩展
    • Number 扩展
    • Object 扩展
    • 迭代器
    • 生成器
    • BigInt
    • Set
    • Map
    • class
    • 模块化
    • globalThis
    • Promise
    • async-await

String 扩展

ES6 对字符串进行了扩展,新增了一些方法来处理字符串。以下是一些常用的字符串扩展方法:

  • boolean startWith()

  • boolean endWith()

  • repeat()

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

    let str = '哈哈'
    console.log(str.repeat(3))
    
  • trimStart() 和 trimEnd()

    let str = '   str   '
    console.log(str.trimStart())
    console.log(str.trimEnd())
    
  • padStart() 和 padEnd()

    用于填充字符串,使其达到目标长度 (如果不指定填充字符串,则默认填充空格) 。

    // 通常用于处理时间, 在前面补零
    // 在字符串 1 的前面用 0 填充, 使其长度达到 2 位
    "1".padStart(2, 0); // "01"
    // 在字符串 1 的后面用 0 填充, 使其长度达到 2 位
    "1".padEnd(2, 0); // "10"
    
    "".padStart(3, "ab") // aba
    "1".padStart(2) // " 1"
    
想要编辑此页?
上次更新: 2025/6/5 23:39
贡献者: Junfeng Dai
←Array 扩展Number 扩展→
[ 纸上得来终觉浅绝知此事要躬行 ]
Copyright © 2021-present Junfeng Dai
蜀ICP备2021009537号