JavaScript 字符串截取:substring, substr 与 slice 的区别

slice最推荐,substring会转负数为0且交换参数,substr已废弃;三者参数及负数处理不同,优先用slice。

javascript 字符串截取:substring, substr 与 slice 的区别

在 JavaScript 中,substringsubstrslice 都可以用来截取字符串,但它们的行为和使用方式有细微差别。理解这些差异有助于避免错误,写出更可靠的代码。

1. substring(start, end)

substring 方法提取字符串中两个索引之间的字符(包含 start,不包含 end)。如果参数为负数或 NaN,会被当作 0 处理;如果 start 大于 end,会自动交换两个参数。

start:起始索引(包含) end:结束索引(不包含),可选,默认到字符串末尾 负值被视为 0

示例:

const str = "hello world";str.substring(2, 8);     // "llo wo"str.substring(8, 2);     // "llo wo"(自动交换)str.substring(-3, 5);    // "hello"(-3 被当作 0)str.substring(6);        // "world"

2. substr(start, length)

substr 方法从指定位置开始,截取指定长度的字符。

立即学习“Java免费学习笔记(深入)”;

CodeSquire CodeSquire

AI代码编写助手,把你的想法变成代码

CodeSquire 103 查看详情 CodeSquire start:起始索引 length:要截取的字符数,可选,默认到末尾 start 为负数时,表示从末尾往前数

注意:ECMAScript 已将 substr 列为过时方法,不推荐在新项目中使用

示例:

const str = "hello world";str.substr(2, 6);        // "llo wo"str.substr(-5, 3);       // "wor"(从倒数第5个开始,取3个)str.substr(6);           // "world"

3. slice(start, end)

slice 方法与 substring 类似,但对负数的处理更灵活:负值表示从末尾开始计算。

start:起始索引(包含) end:结束索引(不包含),可选 支持负数索引 不会交换参数顺序

示例:

const str = "hello world";str.slice(2, 8);         // "llo wo"str.slice(-5, -1);       // "worl"(倒数第5到倒数第1)str.slice(6);            // "world"str.slice(-5);           // "world"str.slice(8, 2);         // ""(不交换,返回空串)

主要区别总结

参数含义不同:substring 和 slice 使用 start 和 end 索引;substr 使用 start 和 length 负数处理:slice 支持负索引;substring 将负数转为 0;substr 的 start 可为负数 参数顺序:substring 会自动交换大小顺序;slice 和 substr 不会 标准建议:优先使用 slice,避免使用已废弃的 substr基本上就这些。slice 最灵活且符合现代 JS 规范,是字符串截取的首选方法。

以上就是JavaScript 字符串截取:substring, substr 与 slice 的区别的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/868077.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月28日 03:39:00
下一篇 2025年11月28日 03:39:21

相关推荐

  • WordPress AJAX 请求未返回预期结果的解决方案

    本文旨在解决 WordPress 中 AJAX 请求未返回预期结果的问题。通过分析常见错误原因,并结合实际示例,详细讲解如何正确配置和使用 WordPress AJAX API,确保数据能够成功传递和处理,最终返回期望的结果。本文重点关注 wp_ajax_* 钩子的使用,以及 echo 和 retu…

    2025年12月10日
    000
  • HTML超链接基础:创建与样式化页面跳转链接

    本文详细讲解了如何使用HTML的标签创建页面跳转链接,并通过href属性指定目标URL。同时,教程也涵盖了如何利用CSS样式(如text-decoration和color属性)来美化超链接,使其符合网页设计需求,提升用户体验。 在网页开发中,实现页面间的导航是基础且核心的功能。无论是从一个提示页面跳…

    2025年12月10日
    000
  • PHP如何实现多语言网站?gettext国际化方案

    php实现多语言网站的核心是使用gettext扩展,通过标记文本、生成.pot文件、创建并翻译.po文件、编译为.mo文件,并在代码中加载对应语言文本;2. 需先安装gettext扩展,debian/ubuntu系统使用sudo apt-get install php-gettext,centos/…

    2025年12月10日
    000
  • Symfony 怎样将导入导出记录转数组

    最直接高效的方式是使用doctrine orm的query::hydrate_array模式,1. 在dql查询中通过select指定字段并调用getresult(query::hydrate_array)直接获取数组;2. 对于已有的实体集合,可手动迭代转换或使用symfony serialize…

    2025年12月10日
    000
  • 使用 SQL UPDATE 语句高效更新用户状态:过期会员自动失效

    本文介绍了如何使用一条简单的 SQL UPDATE 语句,根据会员到期日期自动将过期用户的状态设置为非活跃。同时强调了 SQL 注入的风险,并推荐使用预处理语句来保障数据安全。 优化会员状态更新:告别循环,拥抱高效SQL 在处理大量用户数据时,循环遍历并逐条更新数据库记录效率低下,且容易产生性能瓶颈…

    2025年12月10日
    000
  • PHP怎样操作数组?常用数组函数整理

    在php中高效查找和筛选数组数据,首先应根据场景选择合适的函数:1. 对于简单值存在性判断,使用in_array()或array_key_exists();2. 针对大型数组优化查找性能,可通过array_flip()将值转为键,再用isset()实现快速哈希查找;3. 条件筛选首选array_fi…

    2025年12月10日
    000
  • PHP如何通过Ajax实现异步通信 PHP与前端交互的技术实现

    php通过ajax实现异步通信的核心是前端javascript发起请求、php接收处理并返回数据、前端再动态更新页面;1. 前端使用xmlhttprequest或fetch api发送异步请求,其中fetch api语法更简洁但兼容性略差;2. php通过$_post或$_files接收数据,进行业…

    2025年12月10日
    000
  • PHP命令如何在执行脚本时显示详细的执行日志 PHP命令详细日志输出的设置方法

    php脚本执行时常见的日志级别包括e_error(致命错误,脚本终止)、e_warning(运行时警告,脚本继续执行)、e_parse(语法解析错误,脚本不运行)、e_notice(轻微通知,如未初始化变量)、e_core_error/warning(php启动时核心错误)、e_compile_er…

    2025年12月10日
    000
  • Symfony 怎样把表单数据转为JSON

    将Symfony表单数据转换为JSON,核心思路并非直接转换表单对象本身,而是获取表单提交并验证后的数据,再将这份数据进行JSON编码。Symfony的表单组件主要负责数据的收集、验证和映射,所以关键在于利用 Form 实例的 getData() 方法,拿到处理好的数据结构,然后交给PHP内置的 j…

    2025年12月10日
    000
  • Symfony 怎么把序列化对象转为数组

    在 symfony 中,将序列化对象转换为数组最推荐的方式是使用 serializer 组件的 normalize 方法,1. 首先配置 objectnormalizer 和 serializer 实例;2. 调用 $serializer->normalize($object, ‘…

    2025年12月10日
    000
  • PHP怎样实现用户积分兑换?虚拟货币变现设计

    积分系统设计的核心考量是数据模型的严谨性、事务性操作、安全性与可扩展性;2. 确保积分兑换安全可靠的关键在于使用数据库事务保证操作原子性、服务端双重验证防止数据篡改、并发控制避免超兑、输入过滤与日志审计提升系统安全性,所有操作必须在后端完成校验并以事务方式执行,确保数据一致性与业务逻辑完整。 用户积…

    2025年12月10日
    000
  • Symfony 如何把DTO对象转为关联数组

    在symfony中,将dto转换为关联数组最直接的方式是使用serializer组件结合objectnormalizer和jsonencoder;2. 通过调用serializer的normalize()方法,可将dto及其嵌套对象自动转换为关联数组;3. 利用序列化组(@groups)、最大深度(…

    2025年12月10日
    000
  • PHP常用框架怎样实现数据验证与错误提示 PHP常用框架表单验证的技巧

    php常用框架通过验证器或请求对象集成数据验证与错误提示,定义规则如required、email、unique等,自动校验并收集错误信息;2. 验证失败时,错误被闪存至会话并在视图中通过$errors对象展示,支持自定义提示与多语言;3. 前端验证提升体验但不可靠,后端验证是保障数据安全与一致性的核…

    2025年12月10日
    000
  • Symfony 怎样把事件对象转为数组

    转换symfony事件对象为数组需根据事件类型提取数据,无通用方法;2. 自定义事件可通过getter方法手动构建数组;3. 内置事件如requestevent需调用其getrequest()等方法获取数据并组装;4. doctrine事件可通过getentity()获取实体后提取属性;5. 可使用…

    2025年12月10日
    000
  • Laravel 中创建可复用滑块组件的两种方法

    本文介绍了在 Laravel 项目中创建可复用滑块组件的两种实用方法:使用 Blade include 和使用 View Composers。通过这两种方法,开发者可以避免代码重复,提高代码的可维护性和可读性,并更有效地管理视图逻辑。文章详细阐述了每种方法的实现步骤,并提供了示例代码,帮助开发者快速…

    2025年12月10日
    000
  • Symfony 怎么把业务流程转为数组

    将symfony中的业务流程数据转化为数组,核心在于通过序列化组件和dtos结构化提取数据状态,1. 使用symfony serializer component结合@groups注解精确控制属性输出;2. 通过dtos解耦领域模型与数据传输,提升可维护性;3. 利用serialization gr…

    2025年12月10日
    000
  • Symfony 如何把工作流状态转数组

    要获取symfony工作流的所有状态及其元数据,首先通过工作流实例的getdefinition()方法获取定义对象,再调用getplaces()获得状态数组,结合getmetadatastore()->getplacemetadata()提取每个状态的元数据。1. 注入特定工作流服务(如wor…

    2025年12月10日
    000
  • Symfony 如何把审计记录转为数组

    核心答案是使用symfony serializer组件将审计记录转换为数组;2. 首先确定审计数据来源(如gedmo logentry、auditbundle或自定义实现),不同来源的数据结构决定后续处理方式;3. 对于实体类审计记录,利用serializer的normalize方法配合dateti…

    2025年12月10日
    000
  • PHP常用框架怎样集成支付接口实现在线支付 PHP常用框架支付集成的基础教程

    选择合适的支付sdk,根据用户群体确定支付宝、微信支付或paypal等平台;2. 使用composer安装sdk并配置app id、密钥等信息;3. 创建支付请求,设置金额、商品描述、回调url等参数;4. 处理异步回调,验证签名和订单信息,更新订单状态并记录日志;5. 确保安全,使用https、签…

    2025年12月10日
    000
  • 深入解析:在WooCommerce自定义邮件中添加附件

    本文旨在提供一份详细的教程,指导开发者如何在WooCommerce的自定义邮件中正确地添加附件。我们将探讨常见的错误、使用现代化的WooCommerce邮件API,并提供一个基于订单状态变化的完整代码示例,确保附件能够成功发送给客户。 1. 理解WooCommerce邮件系统与附件机制 WooCom…

    2025年12月10日
    000

发表回复

登录后才能评论
关注微信