获取urllet url = “https://www.111.index.html?airportCode=HET,DSN,RHT&email=318@qq.com#/”;提取里面的airportCode组成数组和email

要从给定的URL字符串中提取`airportCode`和`email`部分，并将它们分别放入数组中，可以使用JavaScript的正则表达式。首先，我们需要创建两个匹配模式，一个用于`airportCode`，另一个用于`email`。然后我们可以使用`match()`函数来查找并分割字符串。

let url = "https://www.111.index.html?airportCode=HET,DSN,RHT&email=318@qq.com#/";
const airportCodePattern = /airportCode=(\w+)(?:&|$)/g;
const emailPattern = /\&email=(\w+@[^&]+)\b/g;

// 提取机场代码
let airportCodes = [];
let match;
while ((match = airportCodePattern.exec(url)) !== null) {
  airportCodes.push(match[1]);
}

// 提取电子邮件
let email;
match = emailPattern.exec(url);
if (match) {
  email = match[1];
}

console.log("机场代码数组:", airportCodes);
console.log("邮箱:", email);

相关问题

获取urllet url = "https://www.111.index.html?airportCode=HET,DSN,RHT&email=null#/";提取里面的airportCode组成数组和email

在JavaScript中，你可以使用`URLSearchParams`对象配合正则表达式来解析URL中的查询字符串部分。首先，我们需要创建一个`URL`对象，然后获取其搜索参数。下面是步骤：

const url = "https://www.111.index.html?airportCode=HET,DSN,RHT&email=null#/";
const parser = new URL(url);
const queryStr = parser.search; // 提取查询字符串部分

// 解析airportCode
const airportCodes = queryStr.match(/airportCode=(\w+)(?:,\s*(\w+))*/g); // 匹配并捕获每个机场码
if (airportCodes) {
  const airportArray = airportCodes.map(code => code.split('=')[1]); // 提取代码
  console.log('airportCodes:', airportArray); // ["HET", "DSN", "RHT"]
}

// 解析email
const email = queryStr.match(/email=(.*?)(?:&|$)/); // 匹配并捕获email值
if (email && email[1]) { // 验证是否有email存在
  console.log('email:', email[1]); // "null"
} else {
  console.log('email not found');
}

如何修改代码以便单击“x”就能删除对应项？

为了实现单击“x”即可删除对应项的功能，你需要在 `<Form.Item>` 内部添加额外的元素（例如一个关闭图标），并直接关联删除操作。这里是一个示例，假设你已经有一个名为`removeItem`的函数用于删除对应的`item`：

<Form.Item
  label={ft('Airport Code')}
  name={[item.key, 'code'].join('.')}
  labelCol={{ span: 4 }}
  wrapperCol={{ span: 14 }}
  rules={[
    {
      required: true,
      message: t('please choose airport code'),
    },
  ]}
>
  <Select
    allowClear
    showSearch
    mode="multiple"
    onChange={(value) => CodeNameChange(item, value)}
  >
    {airportCode.map((v) => (
      <Option value={v.code} key={v.id}>
        <span>{v.code}</span>
        {/* 添加删除按钮 */}
        <button type="button" onClick={() => removeItem(item.key)}>×</button>
      </Option>
    ))}
  </Select>
</Form.Item>

现在，当用户单击每个选项后面的“x”时，`removeItem`函数会被调用，传入相应的`item.key`作为删除的依据。请记得检查`removeItem`函数是否存在并且能够正确地根据`key`删除对应的项。