当前位置:首页 > JavaScript

js实现截取

2026-04-06 15:36:51JavaScript

字符串截取

使用 substring()substr()slice() 方法截取字符串的一部分。

const str = "Hello, World!";
const result1 = str.substring(0, 5);  // "Hello"
const result2 = str.substr(7, 5);     // "World"
const result3 = str.slice(7, 12);     // "World"
  • substring(start, end):从 startend-1 截取。
  • substr(start, length):从 start 开始截取 length 长度的字符(已废弃,推荐 substringslice)。
  • slice(start, end):类似 substring,但支持负数索引(从末尾计算)。

数组截取

使用 slice() 方法截取数组的一部分。

js实现截取

const arr = [1, 2, 3, 4, 5];
const slicedArr = arr.slice(1, 4);  // [2, 3, 4]
  • slice(start, end):返回从 startend-1 的新数组,原数组不变。

文件内容截取

在浏览器中,可通过 FileReader 读取文件并截取部分内容。

const fileInput = document.querySelector('input[type="file"]');
fileInput.addEventListener('change', (e) => {
  const file = e.target.files[0];
  const reader = new FileReader();
  reader.onload = (event) => {
    const content = event.target.result;
    const truncated = content.substring(0, 100);  // 截取前100个字符
    console.log(truncated);
  };
  reader.readAsText(file);
});

数字截取(保留指定位数)

使用 toFixed() 或数学运算截取小数部分。

js实现截取

const num = 3.14159;
const fixedNum = num.toFixed(2);  // "3.14"(返回字符串)
const truncatedNum = Math.floor(num * 100) / 100;  // 3.14(返回数字)

URL 参数截取

通过 URLSearchParams 或字符串处理截取 URL 参数。

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

正则表达式截取

使用 match()exec() 结合正则截取匹配内容。

const text = "Date: 2023-10-05";
const regex = /(\d{4}-\d{2}-\d{2})/;
const match = text.match(regex);
const date = match[1];  // "2023-10-05"

标签: js
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获…

js实现列表

js实现列表

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

js实现驼峰

js实现驼峰

实现驼峰命名的几种方法 使用正则表达式和字符串替换 通过正则表达式匹配字符串中的特定模式(如下划线或短横线),并将其后的字母转换为大写,同时移除分隔符。 function toCamelCase(s…

js实现求导

js实现求导

实现数值求导的方法 在JavaScript中实现求导通常采用数值方法,因为JavaScript不是符号计算语言。以下是常见的数值微分方法: 中心差分法 中心差分法提供较高精度的导数近似: func…

js实现吸色

js实现吸色

使用Canvas实现吸色功能 通过Canvas的getImageData方法获取像素颜色数据。创建一个Canvas元素,将目标图像绘制到Canvas上,通过鼠标事件获取坐标对应的颜色值。 c…

js 实现滚动

js 实现滚动

实现滚动的方法 使用 window.scrollTo() window.scrollTo() 方法可以滚动到文档中的特定位置。可以指定 x 和 y 坐标,或者使用平滑滚动的选项。 // 滚动到指定位…