JavaScript 提取|极客教程

JavaScript 提取

在 JavaScript 中，我们经常需要从字符串中提取特定的信息或者子串。这个过程称为提取。在本文中，我们将详细介绍如何在 JavaScript 中进行提取操作，包括提取子串、提取数字、提取特定格式的信息等。

提取子串

1. 使用 `substring` 方法提取子串

substring 方法可以从一个字符串中提取指定位置的子串。它接受两个参数，分别是起始位置和结束位置（不包括结束位置）。

const str = "Welcome to geek-docs.com";
const subStr = str.substring(11, 20);
console.log(subStr); // 输出: geek-docs

Output:

JavaScript 提取

2. 使用 `slice` 方法提取子串

slice 方法也可以用来提取子串，它与 substring 方法类似，但是可以接受负数作为参数，表示从字符串末尾开始计算位置。

const str = "JavaScript is fun at geek-docs.com";
const subStr = str.slice(-14, -4);
console.log(subStr); // 输出: geek-docs

Output:

JavaScript 提取

3. 使用正则表达式提取子串

正则表达式在 JavaScript 中也可以用来提取子串。下面是一个示例，提取字符串中的数字部分。

const str = "The price is $50 at geek-docs.com";
const num = str.match(/\d+/)[0];
console.log(num); // 输出: 50

Output:

JavaScript 提取

提取数字

4. 使用 `parseInt` 提取整数

parseInt 函数可以将字符串转换为整数，如果字符串中包含非数字字符，则会截断并返回有效的数字部分。

const str = "123abc456";
const num = parseInt(str);
console.log(num); // 输出: 123

Output:

JavaScript 提取

5. 使用正则表达式提取数字

正则表达式也可以用来提取字符串中的数字部分。

const str = "The price is $50 at geek-docs.com";
const num = parseInt(str.match(/\d+/)[0]);
console.log(num); // 输出: 50

Output:

JavaScript 提取

提取特定格式的信息

6. 提取邮箱地址

下面是一个示例代码，提取字符串中的邮箱地址。

const str = "Contact us at info@geek-docs.com for more information";
const email = str.match(/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b/)[0];
console.log(email); // 输出: info@geek-docs.com

Output:

JavaScript 提取

7. 提取 URL

下面是一个示例代码，提取字符串中的 URL。

const str = "Visit our website at https://geek-docs.com for more tutorials";
const url = str.match(/(https?|ftp):\/\/[^\s/$.?#].[^\s]*/)[0];
console.log(url); // 输出: https://geek-docs.com

Output:

JavaScript 提取

提取特定位置的信息

8. 提取文件名

下面是一个示例代码，提取 URL 中的文件名部分。

const url = "https://geek-docs.com/javascript-tutorial";
const fileName = url.substring(url.lastIndexOf("/") + 1);
console.log(fileName); // 输出: javascript-tutorial

Output:

JavaScript 提取

9. 提取域名

下面是一个示例代码，提取 URL 中的域名部分。

const url = "https://geek-docs.com/javascript-tutorial";
const domain = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+)/)[1];
console.log(domain); // 输出: geek-docs.com

Output:

JavaScript 提取

提取特定格式的信息

10. 提取日期

下面是一个示例代码，提取字符串中的日期信息。

const str = "Today's date is 2022-01-01 at geek-docs.com";
const date = str.match(/\d{4}-\d{2}-\d{2}/)[0];
console.log(date); // 输出: 2022-01-01

Output:

JavaScript 提取

11. 提取电话号码

下面是一个示例代码，提取字符串中的电话号码。

const str = "Contact us at 123-456-7890 for assistance";
const phone = str.match(/\d{3}-\d{3}-\d{4}/)[0];
console.log(phone); // 输出: 123-456-7890

Output:

JavaScript 提取

JavaScript 提取