通过uni-app获取unicloud数据库表中的数据到客户端然后客户端拿到数据后进行下一步查询但是会出现隐藏空格这是BUG吗

通过uni-app获取unicloud数据库表中的数据到客户端然后客户端拿到数据后进行下一步查询但是会出现隐藏空格这是BUG吗

产品分类

uniapp/App

PC开发环境操作系统

Windows

PC开发环境操作系统版本号

WIN11

HBuilderX类型

正式

HBuilderX版本号

4.82

手机系统

Android

手机系统版本号

Android 16

手机厂商

小米

手机机型

note13

页面类型

vue

vue版本

vue3

打包方式

云端

项目创建方式

HBuilderX

示例代码

【报Bug】通过unicloud获取数据库表中的数据到客户端，然后客户端拿到数据后，进行下一步查询，但是会出现隐藏空格，这是BUG吗，比如：农业，长度应该是2，结果打印出来的长度是4或者7，这是啥原因，使用的是uniappx

操作步骤

【报Bug】通过unicloud获取数据库表中的数据到客户端，然后客户端拿到数据后，进行下一步查询，但是会出现隐藏空格，这是BUG吗，比如：农业，长度应该是2，结果打印出来的长度是4或者7，这是啥原因，使用的是uniappx

预期结果

希望能匹配正确的长度

实际结果

不能

bug描述

【报Bug】通过unicloud获取数据库表中的数据到客户端，然后客户端拿到数据后，进行下一步查询，但是会出现隐藏空格，这是BUG吗，比如：农业，长度应该是2，结果打印出来的长度是4或者7，这是啥原因，使用的是uniappx


更多关于通过uni-app获取unicloud数据库表中的数据到客户端然后客户端拿到数据后进行下一步查询但是会出现隐藏空格这是BUG吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

应该是当时存储到数据库的时候已经带了隐藏空格，可以检查下源数据（注意：从uniCloud控制台看到的可视化数据并不是源数据，也是处理过的，所以你可以重新添加一条数据，确保没有隐藏空格，然后到前端获取显示看看）

更多关于通过uni-app获取unicloud数据库表中的数据到客户端然后客户端拿到数据后进行下一步查询但是会出现隐藏空格这是BUG吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这不是uni-app或uniCloud的BUG，而是数据处理过程中常见的字符编码问题。

当字符串长度显示为4或7而不是预期的2时，通常是因为字符串中包含了不可见的Unicode字符或特殊空格字符。常见原因包括：

  1. 全角空格：中文字符集中的全角空格（U+3000）占用2个字符宽度
  2. 零宽字符：如零宽空格（U+200B）、零宽连接符等不可见字符
  3. BOM头：UTF-8编码文件可能包含BOM标记

解决方案：

// 在客户端处理数据时进行字符清理
function cleanString(str) {
    // 移除各种空格和零宽字符
    return str.replace(/[\u200B-\u200D\uFEFF\u3000]/g, '').trim();
}

// 使用示例
const rawData = '农业'; // 实际可能包含隐藏字符
const cleanedData = cleanString(rawData);
console.log(cleanedData.length); // 现在应该显示2
回到顶部