当前位置: 首页 > news >正文

Javscript 字符串的常用方法有哪些?

一、基础操作(不修改原字符串,返回新结果)

  1. length

    • 动作:量身高。直接告诉你字符串有多少个字符。
    • 例子
      let str = "hello";
      console.log(str.length); // 5
      
  2. charAt(索引)

    • 动作:点名!根据位置找对应的字符。
    • 例子
      "cat".charAt(1); // "a"(索引从0开始)
      
  3. slice(开始位置, 结束位置)

    • 动作:切蛋糕。切出一部分字符串(支持负数,表示倒数)。
    • 例子
      "apple".slice(1, 3); // "pp"(索引1到3前)
      "apple".slice(-3);   // "ple"(倒数3位到最后)
      
  4. substring(开始位置, 结束位置)

    • 动作:和 slice 类似,但不支持负数,自动处理颠倒的参数。
    • 例子
      "banana".substring(2, 5); // "nan"
      "banana".substring(5, 2); // 自动调换顺序 → "nan"
      

二、大小写转换

  1. toUpperCase()

    • 动作:全员变大声(转大写)。
    • 例子
      "Hello".toUpperCase(); // "HELLO"
      
  2. toLowerCase()

    • 动作:全员变小声(转小写)。
    • 例子
      "WORLD".toLowerCase(); // "world"
      

三、替换与分割

  1. replace(查找值, 替换值)

    • 动作:替换第一个匹配的内容(默认只换一次)。
    • 例子
      "I like apples".replace("apples", "bananas"); // "I like bananas"
      
    • 全局替换:用正则表达式加 /g
      "aabbaabb".replace(/a/g, "x"); // "xxbbxxbb"
      
  2. split(分隔符)

    • 动作:切菜!按分隔符把字符串切成数组。
    • 例子
      "2023-09-15".split("-"); // ["2023", "09", "15"]
      
  3. trim()

    • 动作:去掉字符串两边的空格(中间不管)。
    • 例子
      "  hello  ".trim(); // "hello"
      

四、查找与判断

  1. indexOf(子字符串)

    • 动作:找子字符串的第一次出现的位置(找不到返回-1)。
    • 例子
      "javascript".indexOf("script"); // 4(从索引4开始)
      
  2. includes(子字符串)

    • 动作:检查是否包含某个子字符串(返回 true/false)。
    • 例子
      "coffee".includes("fee"); // true
      
  3. startsWith(子字符串) / endsWith(子字符串)

    • 动作:检查是否以某个子字符串开头/结尾。
    • 例子
      "hello.jpg".endsWith(".jpg"); // true
      

五、拼接与重复

  1. concat(字符串)

    • 动作:拼接字符串(和 + 作用一样)。
    • 例子
      "Hello".concat(" ", "World"); // "Hello World"
      
  2. repeat(次数)

    • 动作:复读机!重复字符串多次。
    • 例子
      "ha".repeat(3); // "hahaha"
      

总结表格

方法作用是否修改原字符串返回值
slice切片新字符串
substring切片(不支持负数)新字符串
toUpperCase转大写新字符串
toLowerCase转小写新字符串
replace替换内容新字符串
split切割成数组数组
trim去除首尾空格新字符串
indexOf查找子字符串位置索引/-1
includes判断是否包含子字符串true/false
repeat重复字符串新字符串

举个综合例子

let text = "  JavaScript is FUN!  ";// 1. 去掉前后空格 → "JavaScript is FUN!"
let trimmed = text.trim();// 2. 转小写 → "javascript is fun!"
let lower = trimmed.toLowerCase();// 3. 替换 → "javascript is awesome!"
let replaced = lower.replace("fun", "awesome");// 4. 切割 → ["javascript", "is", "awesome!"]
let words = replaced.split(" ");

相关文章:

  • k8s 学习记录 (六)_Pod 污点和容忍性详解
  • 20250429 垂直地表发射激光测量偏转可以验证相对性原理吗
  • Lua 第14部分 数据结构
  • 【论文阅读】PEEKABOO: Interactive Video Generation via Masked-Diffusion
  • Educational Codeforces Round 178 (Rated for Div. 2)
  • 在yolo中Ultralytics是什么意思呢?超越分析的智能
  • 【专题五】位运算(1):常见位运算操作总结
  • 【Java学习】Java的CGLIB动态代理:通俗解释与使用指南
  • 短视频矩阵批量剪辑与场景剪辑功能 OEM 定制开发
  • deepseek_ai_ida_plugin开源插件,用于使用 DeepSeekAI 将函数反编译并重命名为人类可读的视图。该插件仅在 ida9 上进行了测试
  • 【开源项目】基于sherpa-onnx的实时语音识别系统 - LiveASR
  • 从Windows开发迁移到信创开发的指南:国产替代背景下的技术路径与实践
  • swagger2升级至openapi3的利器--swagger2openapi
  • 跨平台项目部署全攻略:Windows后端+Mac前端在服务器的协同实战
  • 基于Spring Boot+Vue 网上书城管理系统设计与实现(源码+文档+部署讲解)
  • jupyter已经安装但是无法通过命令行启动
  • AI编程工具“幻觉”风险与飞算JavaAl的破局之道
  • 万界星空科技QMS质量管理系统几大核心功能详解
  • Webug4.0通关笔记03- 第4关POST注入和第5关过滤注入
  • DeepSeek破界而来:重构大规模深度检索的算力与边界
  • “五一”假期逛上海车展请提前购票,展会现场不售当日票
  • 广东省副省长刘红兵任湖南省委常委、宣传部部长
  • 新希望一季度归母净利润4.45亿,上年同期为-19.34亿
  • 锦江酒店:第一季度营业收入约29.42亿元,境内酒店出租率同比增长
  • 向总书记汇报具身智能发展的“稚辉君”:从期待到兴奋再到备受鼓舞
  • 匈牙利国会通过退出国际刑事法院的决定