代码之家 › 专栏 › 技术社区 › handsome

如何从字符串中提取instagram用户名

javascript

handsome · 技术社区 · 4 年前

我有一个输入字段,我的用户正在以各种格式输入他们的instagram用户名

@username
https://www.instagram.com/username
https://www.instagram.com/username/
instagram.com/username

如何提取 用户名

具有

(?:(?:http|https):\/\/)?(?:www.)?(?:instagram.com|instagr.am)\/([A-Za-z0-9-_]+)

我可以从URL中提取。不知道该如何寻找所要的东西@

1 回复 | 直到 4 年前

Phil 4 年前

你想要一个正则表达式 @ 或各种形式的URL版本作为用户名的前缀,后跟可选的正斜杠。

/^(?:@|(?:https?:\/\/)?(?:www\.)?instagr(?:\.am|am\.com)\/)?(\w+)\/?$/

分解它

^
(?:
  @                     - literal "@"
  |                     - or
  (?:https?:\/\/)?      - optional HTTP / HTTPS scheme
  (?:www\.)?            - optional "www."
  instagr(?:\.am|\.com) - "instagram.com" or "instgr.am"
  \/                    - forward-slash
)?                      - the whole prefix is optional
(\w+)                   - capture group for the username. Letters, numbers and underscores
\/?                     - optional trailing slash
$

const inputs = [
  '@username', 
  'https://www.instagram.com/username', 
  'https://www.instagram.com/username/', 
  'instagram.com/username', 
  'handsome_jack',
  'http://example.com/handsome'
]

const rx = /^(?:@|(?:https?:\/\/)?(?:www\.)?instagr(?:\.am|am\.com)\/)?(\w+)\/?$/

inputs.forEach(input => {
  let match = rx.exec(input) 
  if (match) {
    console.log(input, match[1]) 
  }
})