You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何使用JavaScript alert展示特定JSON数据并提取其中文本?

提取JSON中text字段的几种方法

嘿,这个提取需求超简单的!先瞅瞅你的JSON结构,它是多层嵌套的:

{ 
  "status": "Succeeded", 
  "recognitionResult": { 
    "lines": [ 
      { 
        "boundingBox": [ 2, 52, 65, 46, 69, 89, 7, 95 ], 
        "text": "The quick brown fox jumps over the lazy" 
      } 
    ] 
  } 
}

核心是要顺着层级找到目标字段:recognitionResultlines(这是个数组,要取第一个元素)→ text。下面给你几种常用场景的实现方式:

1. Python 实现

Python自带的json模块就能轻松搞定,步骤如下:

  • 先把JSON字符串解析成Python字典
  • 按层级访问对应字段
import json

# 你的JSON数据(如果是从文件读取,用open()加载即可)
json_data = '''
{ 
  "status": "Succeeded", 
  "recognitionResult": { 
    "lines": [ 
      { 
        "boundingBox": [ 2, 52, 65, 46, 69, 89, 7, 95 ], 
        "text": "The quick brown fox jumps over the lazy" 
      } 
    ] 
  } 
}
'''

# 解析JSON
data = json.loads(json_data)

# 提取text字段
text_content = data['recognitionResult']['lines'][0]['text']
print(text_content)  # 输出: The quick brown fox jumps over the lazy

2. JavaScript/Node.js 实现

不管是前端浏览器环境还是Node.js,解析后直接按对象属性访问就行:

// 你的JSON数据
const jsonData = `{ 
  "status": "Succeeded", 
  "recognitionResult": { 
    "lines": [ 
      { 
        "boundingBox": [ 2, 52, 65, 46, 69, 89, 7, 95 ], 
        "text": "The quick brown fox jumps over the lazy" 
      } 
    ] 
  } 
}`;

// 解析成JS对象
const data = JSON.parse(jsonData);

// 提取text字段
const textContent = data.recognitionResult.lines[0].text;
console.log(textContent);  // 输出: The quick brown fox jumps over the lazy

3. 命令行用jq工具(Linux/macOS/Windows WSL)

如果是在终端处理JSON文件,jq是神器,一行命令搞定:
假设你的JSON保存在data.json文件里,执行:

jq '.recognitionResult.lines[0].text' data.json

直接输出目标文本:"The quick brown fox jumps over the lazy"(如果想去掉引号,加-r参数:jq -r '.recognitionResult.lines[0].text' data.json


内容的提问来源于stack exchange,提问作者Jayaram Ramanarayanan

火山引擎 最新活动