当前位置:首页 > 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实现分页

js实现分页

分页的基本实现思路 在JavaScript中实现分页功能通常需要结合前端和后端逻辑。前端负责渲染分页控件和处理用户交互,后端负责提供分页数据。 前端分页实现 纯前端分页适用于数据量较小的情况,可以…

js实现图片轮播

js实现图片轮播

实现基础图片轮播 使用HTML、CSS和JavaScript创建一个简单的图片轮播。HTML部分定义轮播容器和图片,CSS设置样式和动画效果,JavaScript处理轮播逻辑。 <div c…

js实现全选

js实现全选

实现全选功能的方法 在JavaScript中实现全选功能通常涉及监听全选复选框的点击事件,并根据其状态控制其他复选框的选中状态。以下是几种常见的实现方式: 基础DOM操作实现 通过获取所有目标复选框…

js实现日历

js实现日历

实现日历的基本思路 使用JavaScript实现日历的核心是动态生成日期表格,并处理月份切换逻辑。需要计算当前月的天数、起始星期几,并动态渲染到页面上。 获取当前日期信息 通过Date对象获取当前年…

js实现列表

js实现列表

使用 JavaScript 实现列表 JavaScript 提供了多种方式来实现列表功能,包括数组操作、DOM 元素动态生成等。以下是几种常见的实现方法: 使用数组存储列表数据 数组是 JavaS…

js轮播图实现原理

js轮播图实现原理

轮播图的基本原理 轮播图通过动态切换显示的内容(图片、文本等)实现视觉上的滑动效果。核心原理是利用CSS和JavaScript控制元素的显示与隐藏,或通过变换位置实现滑动动画。 实现方法一:…