javascript之String方法介绍

1.charAt方法,返回指定索引的字符,如果没有就返回-1

javascript 复制代码
let str="heLlo world"
console.log(str.charAt(1)) //返回索引值为1的字符,返回结果是e

2 indexOf方法,返回指定字符第一次出现的索引,如果没有就返回-1

javascript 复制代码
let str="heLlo world"
console.log(str.indexOf("o"))

3 lastIndexOf方法,查找指定的字符串最后一次出现的位置

javascript 复制代码
let str="heLlo world"
console.log(str.lastIndexOf("o"))

4 tolowerCase方法,将字符串转为小写

javascript 复制代码
let str="heLlo world"
console.log(str.toLowerCase())

5 toUpperCase()方法,将字符串转为大写,使用方法与上面的tolowerCase相同

6 substr() 截取指定长度的字符,它有两个参数,第一个参数是从索引几开始截取,第二个参数是截取长度,如果参数是负数,表示从倒数第几个开始截取

javascript 复制代码
let str="heLlo world"
console.log(str.substr(2,3))

7 substring(),截取指定范围内的字符

8 slice(),截取范围内的字符

7 substring(),截取指定范围内的字符

8 slice(),截取范围内的字符

这两个方法很相似,都是截取索引几到索引几的字符串,留头不留尾,但有以下重要区别:

  • 参数处理方式不同
    • substring(start, end):如果 start > end,会自动交换两个参数。
    • slice(start, end):保持参数顺序,如果 start > end,返回空字符串。
  • 负数参数支持
    • substring():不支持负数参数,负数会被当作0处理。
    • slice():支持负数参数,表示从字符串末尾开始计算位置。
  • 返回值特性
    • 两个方法都返回新字符串,不修改原字符串。
    • 如果省略第二个参数,都会截取到字符串末尾。
javascript 复制代码
let str = "Hello World";

// substring 示例
console.log(str.substring(2, 5));    // "llo"
console.log(str.substring(5, 2));    // "llo" (自动交换参数)
console.log(str.substring(-3, 5));   // "Hello" (负数当作0)

// slice 示例
console.log(str.slice(2, 5));        // "llo"
console.log(str.slice(5, 2));        // "" (start > end 返回空)
console.log(str.slice(-5));          // "World" (从末尾开始)
console.log(str.slice(2, -3));       // "llo W"

总结slice() 更灵活,支持负数索引;substring() 对参数顺序更宽容,但不支持负数。在实际开发中,slice() 使用更广泛。

9 trim()方法,去掉字符串的首尾

相关推荐
wuyk5552 小时前
第2章:六步换相原理全解+STM32工程实战
c语言·开发语言·stm32·单片机·嵌入式硬件
hey_sml2 小时前
JAVA每日一学---CompletableFuture中thenApply与thenCompose区别详解
java·开发语言
萧瑟余晖4 小时前
Java深入解析篇十七之SpringCloud
java·开发语言
ttod_qzstudio5 小时前
Java 常用语法极简通关(五):类与对象——字段、方法、构造器、this 与 static
java·开发语言·python
萧瑟余晖6 小时前
Java深入解析篇十七之Spring Security
java·开发语言·spring
avi91116 小时前
[AI教做人]AI平台做2项目;一个3D模型展示,另一个框架多人
javascript·人工智能·ai·3d模型·3d引擎·顶点和法线
kyriewen6 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
用户938515635077 小时前
手写一个 LLM Harness 框架:用工程化手段把大模型幻觉踩在脚下
javascript·人工智能·后端
油丶酸萝卜别吃8 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang8 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试