当前位置:首页 > JavaScript

js实现抽取

2026-03-14 00:21:20JavaScript

使用 String.prototype.slice() 方法

通过指定起始和结束索引来截取字符串的一部分。

const str = 'Hello, world!';
const extracted = str.slice(0, 5); // 提取前5个字符
console.log(extracted); // 输出: "Hello"

使用 String.prototype.substring() 方法

类似于 slice,但不支持负数索引。

const str = 'Hello, world!';
const extracted = str.substring(7, 12); // 提取第7到12个字符
console.log(extracted); // 输出: "world"

使用 String.prototype.substr() 方法(已废弃)

指定起始索引和长度来截取字符串。

js实现抽取

const str = 'Hello, world!';
const extracted = str.substr(7, 5); // 从第7个字符开始提取5个字符
console.log(extracted); // 输出: "world"

使用正则表达式提取匹配内容

通过正则表达式匹配并提取符合规则的子串。

const str = 'Phone: 123-456-7890';
const extracted = str.match(/\d{3}-\d{3}-\d{4}/)[0];
console.log(extracted); // 输出: "123-456-7890"

使用数组的 slice 方法提取部分元素

适用于从数组中提取部分元素。

js实现抽取

const arr = [1, 2, 3, 4, 5];
const extracted = arr.slice(1, 4); // 提取索引1到3的元素
console.log(extracted); // 输出: [2, 3, 4]

使用解构赋值提取对象属性

适用于从对象中提取特定属性。

const obj = { name: 'Alice', age: 25, city: 'New York' };
const { name, city } = obj;
console.log(name, city); // 输出: "Alice New York"

使用 Array.prototype.filter() 提取符合条件的元素

适用于从数组中筛选符合条件的元素。

const arr = [10, 20, 30, 40, 50];
const extracted = arr.filter(num => num > 25);
console.log(extracted); // 输出: [30, 40, 50]

使用 Array.prototype.map() 提取特定字段

适用于从对象数组中提取特定字段。

const users = [{ id: 1, name: 'Bob' }, { id: 2, name: 'Alice' }];
const extracted = users.map(user => user.name);
console.log(extracted); // 输出: ["Bob", "Alice"]

标签: js
分享给朋友:

相关文章

js实现vue

js实现vue

Vue.js 简介 Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。其核心库专注于视图层,易于与其他库或现有项目整合。 实现 Vue.js 的基本步骤 安装 Vue.j…

js实现图片上传

js实现图片上传

图片上传的基本实现 使用HTML的<input type="file">元素配合JavaScript的File API可以实现图片上传功能。HTML部分需要创建一个文件选择输入框和一个用于…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js 实现链表

js 实现链表

链表的基本概念 链表是一种线性数据结构,由一系列节点组成,每个节点包含数据和指向下一个节点的指针。与数组不同,链表在内存中是非连续存储的,插入和删除操作效率较高。 链表的实现 在 JavaScrip…

js jquery

js jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…