HarmonyOS 开发：字符串处理实战指南 | 极客日志

TypeScript大前端

HarmonyOS 开发：字符串处理实战指南

HarmonyOS 开发中字符串处理涉及逻辑层与视图层交互。本文涵盖时间格式化、URL 参数解析、类型转换及正则校验（邮箱、手机、身份证）等核心场景。重点强调安全性，如避免 eval 注入风险，推荐内置模块进行国际化适配。通过规范字符串操作提升应用健壮性与维护性，提供 ArkTS 环境下的最佳实践示例。

leon发布于 2026/2/90 浏览

HarmonyOS 开发：字符串处理实战指南

前言

在 HarmonyOS 的声明式 UI 框架 ArkUI 中，字符串是连接逻辑层与视图层的核心桥梁。无论是从后端 API 接收的 JSON 数据、用户输入的表单内容，还是本地存储的配置项，最终大多以字符串形式参与渲染、校验或持久化。许多开发者仅停留在 split、replace、indexOf 等基础方法的使用层面，忽略了性能陷阱、编码安全、国际化适配等高阶问题。

文章配图

字符串进阶处理

1、关于时间的处理

将字符串'2024-11-30 14:30:23'处理为'2024 年 11 月 30 日 14 时 30 分 23 秒'，示例代码如下：

let str = "2024-11-30 14:30:23";
// 方法一
let time = str.split(" "); // ["2024-11-30", "14:30:23"]
let timeLeft = time[0];
let timeRight = time[1];
let ary1 = timeLeft.split("-"); // ["2024", "11", "30"]
let ary2 = timeRight.split(":"); // ["14", "30", "23"]
let res = ary1[0] + "年" + ary1[1] + "月" + ary1[2] + "日" + " " + ary2[0] + "时" + ary2[1] + "分" + ary2[2] + "秒";
console.log(res); // "2024 年 11 月 30 日 14 时 30 分 23 秒"

// 方法二：补零函数
 ():  {
    <  ?  +  : ();
}
 res2 = ((ary1[])) +  + ((ary1[])) +  + ((ary1[])) +  +  + ((ary2[])) +  + ((ary2[])) +  + ((ary2[])) + ;

极客日志微信公众号二维码

更多推荐文章

相关免费在线工具

Base64 字符串编码/解码
将字符串编码和解码为其 Base64 格式表示形式即可。在线工具，Base64 字符串编码/解码在线工具，online
Base64 文件转换器
将字符串、文件或图像转换为其 Base64 表示形式。在线工具，Base64 文件转换器在线工具，online
Markdown转HTML
将 Markdown（GFM）转为 HTML 片段，浏览器内 marked 解析；与 HTML转Markdown 互为补充。在线工具，Markdown转HTML在线工具，online
HTML转Markdown
将 HTML 片段转为 GitHub Flavored Markdown，支持标题、列表、链接、代码块与表格等；浏览器内处理，可链接预填。在线工具，HTML转Markdown在线工具，online
JSON 压缩
通过删除不必要的空白来缩小和压缩JSON。在线工具，JSON 压缩在线工具，online
JSON美化和格式化
将JSON字符串修饰为友好的可读格式。在线工具，JSON美化和格式化在线工具，online

function urlParams(str: string): Record<string, any> {
  let obj: Record<string, any> = {};
  let paramsStr = str.split("?")[1];
  if (paramsStr) {
    let paramsArray = paramsStr.split("&");
    for (let i = 0; i < paramsArray.length; i++) {
      let item = paramsArray[i];
      let itemArray = item.split("=");
      // 解码 URL 编码值
      obj[itemArray[0]] = decodeURIComponent(itemArray[1]);
    }
  }
  return obj;
}

let str = "https://www.baidu.com?name=testUser&age=18&id=666";
let result = urlParams(str);

// 方法一：安全累加
function sum(...args: any[]): number {
  let total = 0;
  for (let item of args) {
    let num = Number(item);
    if (!isNaN(num)) {
      total += num;
    }
  }
  return total;
}

// 方法二：过滤后计算
function sumV2(...args: any[]): number {
  return args.filter((item) => !isNaN(Number(item))).reduce((acc, curr) => acc + Number(curr), 0);
}

let result = sum(1, 2, 3, "3", "3px");

function checkEmail(email: string): boolean {
  let regex: RegExp = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  return regex.test(email);
}

let email: string = "[email protected]";
if (checkEmail(email)) {
  console.log("邮箱格式正确");
} else {
  console.log("邮箱格式错误");
}

import promptAction from '@ohos.promptAction';

export class RegExpUtils {
  // 优化后的手机号正则，支持 19 开头新号段
  private PHONE_REGEX: RegExp = /^(1[3-9]\d{9})$/;

  checkPhone(phone: string): boolean {
    if (phone.length === 0) {
      promptAction.showToast({ message: '请输入手机号码', bottom: 100, duration: 1000 });
      return false;
    }
    if (!this.PHONE_REGEX.test(phone)) {
      promptAction.showToast({ message: '请输入正确格式 11 位的手机号码！', bottom: 100, duration: 1000 });
      return false;
    }
    return true;
  }
}

// 具体使用
const utils = new RegExpUtils();
if (!utils.checkPhone(this.phone ?? "")) {
  return;
}

import promptAction from '@ohos.promptAction';

export class IDCardUtils {
  private DATE_REGEX: RegExp = /((0[1-9])|(10|11|12))((0[1-9])|(1[0-9])|(2[0-9])|(30|31))/;
  private CARD_REGEX: RegExp = /^(([1-9]{1})([0-9]{5})(18|19|20)[0-9]{2}((${DATE_REGEX})))([0-9]{4})|([0-9]{3}(x|X))$/;

  checkIdCard(card: string): boolean {
    if (card.length === 0) {
      promptAction.showToast({ message: '请输入身份证号码', bottom: 100, duration: 1000 });
      return false;
    }
    // 简单长度校验
    if (card.length !== 18 && card.length !== 15) {
      promptAction.showToast({ message: '请输入正确身份证号码', bottom: 100, duration: 1000 });
      return false;
    }
    // 注意：完整校验必须验证最后一位校验码（通过前 17 位计算得出）
    return this.CARD_REGEX.test(card);
  }
}

let name = 'testUser';
console.log(`我的名字${name}`);

// 标签模板（Tagged Templates）：用于安全转义（防 XSS）
function safeHtml(strings: TemplateStringsArray, ...values: any[]) {
  const escape = (s: string) => s.replace(/[<>&]/g, m => ({ '<': '&lt;', '>': '&gt;', '&': '&amp;' }[m] || m));
  return strings[0] + values.map((v, i) => escape(String(v)) + strings[i + 1]).join('');
}
const html = safeHtml`<div>Hello, ${userInput}</div>`;

// 多行字符串
const sql = `
  SELECT * FROM users WHERE name = '${name}'
`;

let string = "hello, world!";
let upper = string.toUpperCase(); // "HELLO, WORLD!"
let lower = string.toLowerCase(); // "hello, world!"