当前位置:首页 > 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类似,但支持负数索引(从末尾开始计算)。

js实现截取

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

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

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

数组截取方法

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

js实现截取

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. 截取文件扩展名
通过字符串分割:

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

标签: js
分享给朋友:

相关文章

js实现vue路由

js实现vue路由

Vue路由基础实现 使用Vue Router实现前端路由需要先安装并配置路由库。Vue Router是Vue.js官方的路由管理器。 安装Vue Router: npm install vue-r…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现换肤

js实现换肤

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

js实现dh

js实现dh

JavaScript 实现 DH(Diffie-Hellman)密钥交换 Diffie-Hellman(DH)密钥交换是一种安全协议,允许双方在不安全的通信信道上建立一个共享密钥。以下是如何在 Jav…

js实现游标

js实现游标

使用JavaScript实现游标 在JavaScript中,可以通过操作DOM元素的cursor样式属性来实现自定义游标效果。以下是几种常见的实现方法: 修改默认鼠标指针样式 通过CSS的curso…