HarmonyOS URL字符串解析 常用的几个方法

HarmonyOS 使用 URI字符串解析 的好处

  1. 标准化解析:HarmonyOS的URL字符串解析方法遵循相关标准(如RFC 3986),确保了对URL的标准化解析。这有助于提高解析的准确性和一致性,降低因解析错误而导致的安全风险。
  2. 简洁明了的API接口:HarmonyOS提供了简洁明了的API接口,使得开发者可以轻松地构造、解析和比较URL对象。这降低了开发难度和复杂度,提高了开发效率。
  3. 支持单独访问和修改URL组成部分:HarmonyOS的URL解析模块支持对URL的各个组成部分进行单独访问和修改。这满足了不同应用场景下的需求,使得开发者能够灵活地操作URL。
  4. 正确处理特殊字符和编码问题:在解析URL时,HarmonyOS能够正确处理特殊字符和编码问题。这避免了因解析错误而导致的安全漏洞和数据丢失等问题。
    URL代表着是统一资源定位符,本模块提供了常用的工具函数,实现了解析URL字符串和构造URL对象等功能。

URI字符串解析

1. URLParams

1. constructor

2. append

3. delete

2. URL

1. constructor

2. parseURL

3. toString

4. toJSON

导入模块

javascript 复制代码
import { url } from '@kit.ArkTS';

1. URLParams

URLParams接口定义了一些处理URL查询字符串的实用方法。

1. constructor

javascript 复制代码
constructor(init?: string[][] | Record<string, string> | string | URLParams)

URLParams的构造函数。

参数:

参数名 类型 必填 说明
init string[][] | Record<string, string> | string | URLParams 入参对象。 - string[][]:字符串二维数组 - Record<string, string>:对象列表 - string:字符串 - URLParams:对象 - 默认值:null。

使用方式:

javascript 复制代码
// 通过string[][]方式构造URLParams对象:
let objectParams = new url.URLParams([ ['user1', 'abc1'], ['query2', 'first2'], ['query3', 'second3'] ]);
// 通过Record<string, string>方式构造URLParams对象:
let objectParams1 = new url.URLParams({"fod" : '1' , "bard" : '2'});
// 通过string方式构造URLParams对象:
let objectParams2 = new url.URLParams('?fod=1&bard=2');
// 通过url对象的search属性构造URLParams对象:
let urlObject = url.URL.parseURL('https://developer.mozilla.org/?fod=1&bard=2');
let objectParams3 = new url.URLParams(urlObject.search);
// 通过url对象的params属性获取URLParams对象:
let urlObject1 = url.URL.parseURL('https://developer.mozilla.org/?fod=1&bard=2');
let objectParams4 = urlObject1.params;

2. append

javascript 复制代码
append(name: string, value: string): void

将新的键值对插入到查询字符串。

参数:

参数名 类型 必填 说明
name string 需要插入搜索参数的键名。
value string 需要插入搜索参数的值。

使用方式:

javascript 复制代码
let urlObject = url.URL.parseURL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsObject = new url.URLParams(urlObject.search.slice(1));
paramsObject.append('fod', '3');

3. delete

javascript 复制代码
delete(name: string): void

删除指定名称的键值对

参数:

参数名 类型 必填 说明
name string 需要删除的键值名称。

使用方式:

javascript 复制代码
let urlObject = url.URL.parseURL('https://developer.exampleUrl/?fod=1&bard=2');
let paramsObject = new url.URLParams(urlObject.search.slice(1));
paramsObject.delete('fod');

2. URL

用于解析、构造、规范、编码对应的URL字符串。

1. constructor

javascript 复制代码
constructor(url: string, base?: string | URL)

URL的构造函数。

参数:

参数名 类型 必填 说明
url string 入参对象。
base string | URL 入参字符串或者对象。 - string:字符串 - URL:字符串或对象 - 默认值是空字符串或空对象。

使用方式:

javascript 复制代码
let mm = 'https://username:password@host:8080';
let a = new url.URL("/", mm); // Output 'https://username:password@host:8080/';
let b = new url.URL(mm); // Output 'https://username:password@host:8080/';
new url.URL('path/path1', b); // Output 'https://username:password@host:8080/path/path1';
let c = new url.URL('/path/path1', b);  // Output 'https://username:password@host:8080/path/path1'; 
new url.URL('/path/path1', c); // Output 'https://username:password@host:8080/path/path1';
new url.URL('/path/path1', a); // Output 'https://username:password@host:8080/path/path1';
new url.URL('/path/path1', "https://www.exampleUrl/fr-FR/toot"); // Output https://www.exampleUrl/path/path1
new url.URL('/path/path1', ''); // Raises a TypeError exception as '' is not a valid URL
new url.URL('/path/path1'); // Raises a TypeError exception as '/path/path1' is not a valid URL
new url.URL('https://www.example.com', ); // Output https://www.example.com/
new url.URL('https://www.example.com', b); // Output https://www.example.com/

2. parseURL

javascript 复制代码
static parseURL(url: string, base?: string | URL): URL

URL静态成员函数。

参数:

参数名 类型 必填 说明
url string 入参对象。
base string | URL 入参字符串或者对象。 - string:字符串 - URL:字符串或对象 - 默认值是空字符串或空对象。

使用方式:

javascript 复制代码
let mm = 'https://username:password@host:8080';
let urlObject = url.URL.parseURL(mm);
let result = urlObject.toString(); // Output 'https://username:password@host:8080/'

3. toString

javascript 复制代码
toString(): string

将解析过后的URL转化为字符串。

返回值:

类型 说明
string 用于返回网址的字符串序列化。

使用方式:

javascript 复制代码
const urlObject = url.URL.parseURL('https://username:password@host:8080/directory/file?query=pppppp#qwer=da');
let result = urlObject.toString(); // Output 'https://username:password@host:8080/directory/file?query=pppppp#qwer=da'

4. toJSON

javascript 复制代码
toJSON(): string

将解析过后的URL转化为JSON字符串。

返回值:

类型 说明
string 用于返回网址的字符串序列化。

使用方式:

javascript 复制代码
const urlObject = url.URL.parseURL('https://username:password@host:8080/directory/file?query=pppppp#qwer=da');
let result = urlObject.toJSON();

如需要其他方法 请参考官方文档

制作不易 点个关注再走吧。°(°¯᷄◠¯᷅°)°。

相关推荐
王码码203516 分钟前
Flutter for OpenHarmony 实战之基础组件:第三十一篇 Chip 系列组件 — 灵活的标签化交互
android·flutter·交互·harmonyos
坚果派·白晓明1 小时前
在鸿蒙设备上快速验证由lycium工具快速交叉编译的C/C++三方库
c语言·c++·harmonyos·鸿蒙·编程语言·openharmony·三方库
小镇敲码人1 小时前
深入剖析华为CANN框架下的Ops-CV仓库:从入门到实战指南
c++·python·华为·cann
lbb 小魔仙1 小时前
【HarmonyOS实战】OpenHarmony + RN:自定义 useFormik 表单处理
react native·harmonyos
果粒蹬i2 小时前
【HarmonyOS】DAY7:鸿蒙跨平台 Tab 开发问题与列表操作难点深度复盘
华为·harmonyos
王码码20352 小时前
Flutter for OpenHarmony 实战之基础组件:第二十七篇 BottomSheet — 动态底部弹窗与底部栏菜单
android·flutter·harmonyos
小镇敲码人2 小时前
探索CANN框架中TBE仓库:张量加速引擎的优化之道
c++·华为·acl·cann·ops-nn
ITUnicorn3 小时前
【HarmonyOS6】ArkTS 自定义组件封装实战:动画水杯组件
华为·harmonyos·arkts·鸿蒙·harmonyos6
小镇敲码人3 小时前
探索华为CANN框架中的ACL仓库
c++·python·华为·acl·cann
全栈探索者3 小时前
@Component + struct = 你的新函数组件——React 开发者的鸿蒙入门指南(第 2 期)
react·harmonyos·arkts·前端开发·deveco studio·鸿蒙next·函数组件