当前位置:首页 > JavaScript

js实现截取

2026-02-01 22:34:07JavaScript

字符串截取方法

在JavaScript中,字符串截取可通过以下方法实现:

1. substring(startIndex, endIndex)
返回从startIndexendIndex(不包括)的子字符串。若省略endIndex,则截取到字符串末尾。

const str = "Hello, World!";
console.log(str.substring(0, 5)); // 输出 "Hello"

2. slice(startIndex, endIndex)
substring类似,但支持负数索引(从末尾开始计算)。

console.log(str.slice(-6, -1)); // 输出 "World"

3. substr(startIndex, length)
startIndex开始截取指定长度的子字符串(不推荐使用,已废弃)。

console.log(str.substr(7, 5)); // 输出 "World"

数组截取方法

数组截取常用slice(startIndex, endIndex),返回新数组:

const arr = [1, 2, 3, 4, 5];
console.log(arr.slice(1, 3)); // 输出 [2, 3]

其他场景

1. 截取URL参数
使用正则表达式或URLSearchParams

const url = "https://example.com?name=John&age=30";
const params = new URLSearchParams(url.split('?')[1]);
console.log(params.get('name')); // 输出 "John"

2. 截取文件扩展名
通过字符串分割:

js实现截取

const filename = "image.png";
const ext = filename.split('.').pop();
console.log(ext); // 输出 "png"

标签: js
分享给朋友:

相关文章

js实现倒计时

js实现倒计时

使用 setInterval 实现倒计时 通过 setInterval 定时器每秒更新剩余时间,适用于简单倒计时场景。 function countdown(seconds, callback) {…

js实现换肤

js实现换肤

使用CSS变量实现换肤 通过CSS变量可以轻松实现主题切换功能。CSS变量在根元素中定义,通过JavaScript动态修改这些变量值。 :root { --primary-color: #349…

js树实现

js树实现

树的基本概念 树是一种非线性的数据结构,由节点和边组成。每个节点包含一个值和指向子节点的引用。树的顶部节点称为根节点,没有子节点的节点称为叶节点。 树的实现方式 在JavaScript中,树可以通过…

js怎么实现异步

js怎么实现异步

异步实现方法 JavaScript中实现异步操作主要通过以下几种方式: Promise Promise是ES6引入的异步解决方案,用于处理异步操作的成功或失败状态。 const promise =…

js 实现递归

js 实现递归

递归的基本概念 递归是指函数直接或间接调用自身的过程。在JavaScript中,递归通常用于解决可以分解为相似子问题的问题,如阶乘、斐波那契数列、树形结构遍历等。 递归的实现要点 基线条件(Base…

js实现删除

js实现删除

使用 splice 方法删除数组元素 splice 方法可以删除数组中的元素,并返回被删除的元素。它接受两个参数:起始索引和要删除的元素数量。 const array = [1, 2, 3, 4…