JSON.parse 解析错误分析原创

因为活着就一定行

发布于 2024-11-28 10:58

3522浏览

0收藏

轻松搞定JSON解析

Hey，兄弟们，今天咱们来聊聊JSON解析那些事儿。有时候，当你满怀期待地用JSON.parse(data)去解析一段JSON数据时，突然蹦出来个“SyntaxError: Unexpected end of text in JSON”的错误，是不是感觉整个人都不好了？别急，咱们一步步来解决这个问题。

JSON是个啥？

首先，咱们得搞清楚JSON是啥玩意儿。简单来说，JSON（JavaScript Object Notation）就是一种轻量级的数据交换格式。它基于文本，易于人阅读和编写，同时也易于机器解析和生成。JSON的结构由键值对构成，看起来就像是JavaScript的对象，但JSON是独立于语言的文本格式。

为啥会报错？

报错SyntaxError: Unexpected end of text，通常是因为JSON数据格式有问题。可能是数据不完整，或者格式不正确。比如，你的JSON字符串少了个引号、括号没闭合，或者某个键值对的格式不对，都可能导致这个错误。

代码示例：解析JSON

下面咱来写点代码，看看怎么用ArkTS语言解析JSON。

import { JSON } from '@ohos.util';

// 假设这是从服务器获取的JSON字符串
let jsonString = '{"name": "张三", "age": 30, "city": "北京"}';

try {
  let obj = JSON.parse(jsonString);
  console.log(`名字：${obj.name}，年龄：${obj.age}，城市：${obj.city}`);
} catch (e) {
  console.error('解析JSON出错：', e);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

场景：动态API数据解析

有时候，咱们从API获取的数据格式可能会变化，这时候就需要灵活处理。

import { JSON } from '@ohos.util';

// 假设API返回的数据可能是这种格式
let apiData = '{"user": {"name": "李四", "age": 25}}';

try {
  let dataObj = JSON.parse(apiData);
  console.log(`用户${dataObj.user.name}，年龄：${dataObj.user.age}`);
} catch (e) {
  console.error('解析API数据出错：', e);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

坑点：处理特殊字符

JSON字符串中的特殊字符，比如引号、反斜杠等，需要正确转义，否则会导致解析错误。

import { JSON } from '@ohos.util';

// 包含特殊字符的JSON字符串
let specialCharsJson = '{"desc": "He said, \"Hello, World!\""}';

try {
  let specialObj = JSON.parse(specialCharsJson);
  console.log(`描述：${specialObj.desc}`);
} catch (e) {
  console.error('解析包含特殊字符的JSON出错：', e);
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.

闭坑技巧：自动化验证JSON格式

为了避免手动检查JSON格式的麻烦，可以写个函数自动验证。

import { JSON } from '@ohos.util';

function isValidJson(text) {
  try {
    JSON.parse(text);
  } catch {
    return false;
  }
  return true;
}

let testJson = '{"name": "王五", "age": 28}';
if (isValidJson(testJson)) {
  console.log('JSON格式正确');
} else {
  console.error('JSON格式错误');
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.

自动化处理JSON数据封装

有时候，我们需要对JSON数据进行一些自动化处理，比如统一添加时间戳。

import { JSON } from '@ohos.util';

function addTimestamp(dataObj) {
  return JSON.stringify({
    ...dataObj,
    timestamp: new Date().toISOString()
  });
}

let dataWithTimestamp = addTimestamp({ name: "赵六", age: 22 });
console.log(`添加时间戳后的数据：${dataWithTimestamp}`);
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.