R语言中从HTML页面提取并解析内嵌JSON数据

R语言中从HTML页面提取并解析内嵌JSON数据

本文详细阐述了在R语言中如何处理HTML页面内嵌的JSON数据。通过结合rvest包获取页面文本内容,并利用jsonlite包解析JSON字符串,可以高效地从非标准HTML结构中提取所需的嵌套数据,尤其适用于那些将JSON作为纯文本内容嵌入到HTML中的场景,最终将复杂数据转换为R中的数据框或矩阵以便进一步分析。

引言:R语言中处理HTML内嵌JSON数据的挑战

在进行网络数据抓取时,我们经常会遇到数据以json格式存在,但却被嵌入到html页面中的情况。传统的rvest包的html_nodes()函数主要用于选择html标签和属性,对于直接以纯文本形式存在于html结构中的json数据则束手无策。例如,当一个网页的源代码看起来像一个json数组,但被read_html()加载后,它被视为html文档中的一个文本节点,而不是可供html_nodes()直接查询的结构。此时,理解如何正确地提取并解析这些内嵌的json数据,是r语言网络爬虫的关键技能。

准备工作:所需R包

为了完成这项任务,我们需要用到以下两个R包:

rvest: 用于从网页读取HTML内容。jsonlite: 用于解析JSON格式的字符串。

如果尚未安装,可以通过以下命令进行安装:

install.packages(c("rvest", "jsonlite"))

第一步:获取HTML页面内容

首先,我们需要使用rvest包中的read_html()函数来加载目标网页。即使页面内容看起来像是纯JSON,read_html()也会尝试将其解析为HTML文档结构。

library(rvest)library(jsonlite) # 提前加载jsonlite# 假设目标URL是包含JSON数据的页面# 请替换为实际的URLurl <- "https://mywebsite.com/data.json" # 示例URL,实际可能指向一个包含JSON的HTML页面page_content <- read_html(url)# 此时的page_content是一个html_document对象# 它的内部可能包含一个或

标签,其中包含了JSON字符串print(page_content)

通过print(page_content),你可能会看到类似

[{“title1″:”abc 123”, …}]

立即学习“前端免费学习笔记(深入)”;

的输出,这表明JSON数据被当作HTML中的普通文本内容。

第二步:提取原始JSON字符串

由于JSON数据被视为HTML文档中的文本内容,我们不能直接使用html_nodes()来选择它。相反,我们需要使用html_text()函数来提取整个HTML文档的文本内容。这个函数会返回一个包含HTML文档中所有可见文本的字符串,其中就包括了我们想要的JSON字符串。

# 提取HTML文档的纯文本内容json_string <- html_text(page_content)# 打印部分字符串以确认是否包含JSON数据head(json_string, 500) # 打印前500个字符

这一步的关键在于,html_text()能够获取到包含JSON数据的完整字符串。如果HTML页面中包含其他不相关的文本,你可能需要进一步处理json_string,例如使用正则表达式grep或gsub来精确提取JSON部分。但在许多情况下,如果页面主体就是JSON,直接提取即可。

第三步:解析JSON数据

获得了原始的JSON字符串后,下一步就是使用jsonlite包的parse_json()函数将其解析为R中的数据结构。parse_json()函数可以将JSON字符串转换为R的列表(list)或数据框(data frame)等对象。

一个非常有用的参数是simplifyDataFrame = TRUE。当JSON结构允许时,它会尝试将嵌套的JSON对象自动简化为数据框,这大大方便了后续的数据处理。

# 解析JSON字符串parsed_data <- parse_json(json_string, simplifyDataFrame = TRUE)# 查看解析后的数据结构str(parsed_data)

此时,parsed_data通常会是一个列表或数据框,其结构与原始JSON的层级结构相对应。例如,如果JSON是一个数组,parsed_data可能是一个数据框或一个包含多个列表元素的列表。

第四步:提取并整理特定嵌套数据

根据原始JSON的结构,我们现在可以访问和提取所需的特定数据。以问题中提到的”title7″为例,它是一个嵌套在”title4″中的列表,每个元素又是一个包含两个数值的向量。

# 访问嵌套的title4和title7数据title7_list <- parsed_data$title4$title7# title7_list现在是一个列表,每个元素是一个数值向量# 我们可以使用do.call(rbind, ...)将其转换为一个矩阵final_result <- do.call(rbind, title7_list)# 将矩阵转换为数据框,并添加ID列和有意义的列名final_df <- as.data.frame(final_result)colnames(final_df) <- c("title7_1", "title7_2")final_df$id <- 1:nrow(final_df) # 添加一个ID列final_df <- final_df[, c("id", "title7_1", "title7_2")] # 重新排序列# 打印最终结果print(final_df)

这段代码首先通过parsed_data$title4$title7访问到包含所有title7数据的列表。然后,do.call(rbind, …)是一个非常方便的技巧,可以将一个由向量组成的列表绑定成一个矩阵,从而将嵌套的数值数据扁平化。最后,将矩阵转换为数据框并进行列名和ID的整理,使其符合最终期望的输出格式。

完整示例代码

下面是整合上述所有步骤的完整示例代码:

library(rvest)library(jsonlite)library(dplyr) # 用于数据框操作,如select、mutate等# 1. 模拟一个包含JSON的HTML页面(实际操作中替换为真实URL)# 注意:这里为了演示,我直接创建了一个包含JSON字符串的HTML内容# 实际URL可能直接返回JSON,但read_html仍可能将其包装在HTML标签内# 假设我们访问的URL内容如下:# [#   {#     "title1" : "abc 123",#     "title2" : "bca 321",#     "title3" : "cba 213",#     "title4" : {"title5": "title6", "title7": [ -17662.3456, 987621.7654]}#   },#   {#     "title1" : "aec 183",#     "title2" : "bga 351",#     "title3" : "cha 293",#     "title4" : {"title5": "title6", "title7": [ -1621626123.23234, 652238322.122]}#   }# ]# 为了模拟read_html的行为,我们假设它被包装在

标签内mock_html_content <- '

[n{n"title1" : "abc 123",n"title2" : "bca 321",n"title3" : "cba 213",n"title4" : {"title5": "title6", "title7": [ -17662.3456, 987621.7654]}n},n{n"title1" : "aec 183",n"title2" : "bga 351",n"title3" : "cha 293",n"title4" : {"title5": "title6", "title7": [ -1621626123.23234, 652238322.122]}n}n]

'# 使用read_html加载(如果是真实URL,直接 read_html(url) 即可)# 对于模拟内容,可以使用read_html(charToRaw(mock_html_content)) 或 read_html(paste0("data:text/html,", URLencode(mock_html_content)))# 更直接的方式是利用rvest的html_parse功能page_content <- read_html(mock_html_content)# 2. 提取原始JSON字符串json_string <- html_text(page_content)# 3. 解析JSON字符串parsed_data <- parse_json(json_string, simplifyDataFrame = TRUE)# 4. 提取并整理特定嵌套数据# 访问title4下的title7列表title7_list <- parsed_data$title4$title7# 将列表中的向量绑定为矩阵final_matrix <- do.call(rbind, title7_list)# 转换为数据框,并添加id和有意义的列名final_df % rename(title7_1 = V1, title7_2 = V2) %>% mutate(id = row_number()) %>% select(id, title7_1, title7_2) # 调整列顺序# 打印最终结果print(final_df)# 期望输出:# id title7_1 title7_2# 1 1 -1.766235e+04 987621.8# 2 2 -1.621626e+09 652238322.1

注意事项与总结

数据源的识别:在开始爬取之前,最好通过浏览器的开发者工具(F12)查看页面的“网络”或“源代码”选项卡,确认目标数据是以纯JSON形式存在还是作为HTML元素的一部分。如果直接返回的是application/json类型的响应,jsonlite::fromJSON(url)可能更直接。但如果JSON被包裹在HTML标签内,则本文的方法是正确的选择。错误处理:在实际的网络爬虫中,需要考虑网络连接失败、页面结构变化、JSON格式错误等情况。可以加入tryCatch语句来增强代码的健壮性。simplifyDataFrame的局限性:simplifyDataFrame = TRUE在许多情况下非常方便,但对于过于复杂或不规则的JSON结构,它可能无法完全扁平化所有数据。此时,你可能需要手动遍历列表,逐步提取和整理数据。数据清洗:提取到的数据可能仍需进一步清洗和转换,例如日期格式转换、缺失值处理等。效率考量:对于大规模数据,考虑使用data.table包进行高效的数据操作,或者优化JSON解析逻辑以提高性能。

通过结合rvest和jsonlite这两个强大的R包,我们可以有效地应对HTML页面中内嵌JSON数据的抓取和解析挑战,将非结构化或半结构化的网页数据转化为R中可分析的结构化数据。理解数据在HTML中是如何呈现的,是选择正确工具和方法的基础。

以上就是R语言中从HTML页面提取并解析内嵌JSON数据的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1580444.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月22日 21:28:43
下一篇 2025年12月22日 21:29:05

相关推荐

  • 精通CSS相邻兄弟选择器:实现特定元素悬停时的局部样式联动

    本教程详细阐述了如何利用CSS相邻兄弟选择器(+)实现复杂网页布局中精准的局部悬停效果。通过实例代码,我们将学习如何在鼠标悬停于特定按钮或其父容器时,仅改变同一父级元素内相邻文本内容的样式,从而避免影响页面其他区域,提升用户体验和界面互动性。 理解局部悬停样式需求 在构建交互式网页界面时,我们经常需…

    2025年12月22日 好文分享
    000
  • CSS Margin 设置:选择简写还是分别定义?

    本文旨在帮助初学者理解 CSS 中 margin 属性的不同用法,并指导如何在实际开发中做出最佳选择。我们将探讨使用简写 margin 属性一次性设置所有边距,以及分别使用 margin-top、margin-right、margin-bottom 和 margin-left 精确控制每个边距的优缺…

    2025年12月22日
    000
  • 在CSS中实现文本内嵌水平线效果的教程

    本教程详细介绍了如何使用CSS创建一种常见的UI效果:将文本嵌入到水平线中,使其看起来像“切开”了线条。通过巧妙运用border-bottom、height: 0px和transform: translateY(-50%)等CSS属性,可以实现文本在水平线上垂直居中且背景透明的效果,该方法具有良好的…

    2025年12月22日
    000
  • CSS技巧:实现按钮点击与释放状态的差异化过渡效果

    本文详细介绍了如何利用CSS为按钮实现独特的点击(active)和释放(release)状态过渡效果。通过巧妙地结合text-shadow属性来控制默认和悬停状态的平滑颜色过渡,同时使用color属性在active状态下实现即时颜色切换,从而打破了传统transition属性的限制,为用户交互提供了…

    2025年12月22日
    000
  • .htm文件如何打印_打印HTM文件的操作步骤

    答案:打开HTM文件打印需用浏览器打开后按Ctrl+P调出打印框,设置打印机、纸张、方向等参数,勾选背景图形避免缺失,预览无误后点击打印或另存为PDF即可完成。 打开HTM文件并打印的操作其实和打印网页类似,只需用浏览器打开文件,再调用打印功能即可。以下是具体操作步骤。 1. 使用浏览器打开HTM文…

    2025年12月22日
    000
  • 通过按钮点击在 Contact Form 7 中自动选择下拉菜单值

    本教程旨在帮助你实现在定价表按钮点击后,自动在 Contact Form 7 表单的下拉菜单中选择对应值的需求。我们将通过使用会话(Session)来传递按钮点击的值,并在 Contact Form 7 表单页面中读取该值,从而实现下拉菜单的自动选择。 实现步骤 以下是实现此功能的详细步骤: 1. …

    2025年12月22日
    000
  • HTML5 Date Input 控件起始日设置为星期一的教程

    本文介绍了如何通过 JavaScript 库 flatpickr 修改 HTML5 date input 控件的默认起始日,使其从星期一开始显示,尤其适用于需要遵循特定地区习惯(例如德国)的用户。通过引入 flatpickr 并配置相应的本地化选项,开发者可以轻松地定制 date input 控件的…

    2025年12月22日
    000
  • 使用CSS在水平线中优雅地嵌入文本

    本教程详细讲解了如何使用CSS在水平线中嵌入文本,使其看起来像是线条围绕文本断开。通过结合border-bottom、text-align、display: inline-block和transform: translateY(-50%)等属性,可以实现文本在水平线上居中显示,并确保该方法对不同字号…

    2025年12月22日
    000
  • 利用CSS相邻兄弟选择器实现元素悬停效果:动态改变关联元素样式

    本教程详细讲解如何利用CSS的相邻兄弟选择器(+)和通用兄弟选择器(~),在不使用JavaScript的情况下,实现当鼠标悬停在特定元素上时,动态改变其同一父级下紧邻或后续兄弟元素的样式。文章通过具体代码示例,演示了如何根据HTML结构,精确控制悬停效果,提升用户界面交互性。 理解需求:局部悬停样式…

    2025年12月22日
    000
  • 创建和使用多通道 MediaElementAudioSourceNode

    本文档介绍了如何从 HTMLAudioElement 创建多通道 MediaElementAudioSourceNode,并正确配置和使用它。通过调整 channelCount 和 channelInterpretation 属性,以及使用 ChannelSplitter 节点,可以访问和处理多通道…

    2025年12月22日
    000
  • 创建多通道 MediaElementAudioSourceNode 的方法

    本文档介绍了如何从 HTMLAudioElement 创建多通道 MediaElementAudioSourceNode。通常,直接从 HTMLAudioElement 创建的 MediaElementAudioSourceNode 默认只有两个通道。本文将介绍如何通过调整 channelCount…

    2025年12月22日
    000
  • HTML加水印怎么支持移动端_HTML加水印支持移动端的设置方法

    答案:通过CSS和JavaScript结合实现移动端HTML水印,利用相对单位与设备像素比适配不同屏幕,使用SVG或WebP优化加载,采用Canvas动态生成或服务器端渲染增加防移除难度。 HTML加水印在移动端实现,核心在于适应不同屏幕尺寸和设备像素比,保证水印清晰可见且不影响用户体验。通常,我们…

    2025年12月22日
    000
  • HTML代码怎么压缩优化_HTML代码压缩优化的实用工具推荐

    压缩HTML代码可减小文件体积、提升加载速度与SEO。主要移除空格、换行、注释、冗余标签及默认属性,推荐使用html-minifier、在线工具或Webpack插件自动化处理,结合Gzip可再降60%-70%传输大小,应纳入发布流程。 压缩优化HTML代码主要是为了减小文件体积,加快网页加载速度。核…

    2025年12月22日
    000
  • 利用CSS兄弟选择器实现悬停时局部元素样式联动

    本教程详细阐述了如何运用CSS的相邻兄弟选择器(+)实现当特定元素(如按钮或其容器)被鼠标悬停时,仅改变其紧邻的兄弟元素(如文本块)的样式。通过精确的CSS选择器,我们能够确保样式变更仅限于当前交互的父级容器内,从而创建出具有良好用户体验的局部动态效果,避免不必要的全局影响。 在网页开发中,我们经常…

    2025年12月22日 好文分享
    000
  • 将HTML元素的属性设置为null

    本文介绍了如何在不修改outerHTML属性的情况下,将HTML元素的属性设置为等同于null的状态。在Edge和Chrome浏览器中,通过将属性值设置为空字符串”,可以实现类似>的效果,避免出现=”null”>或=”>的情况。 在J…

    2025年12月22日
    000
  • 响应式表单元素设计:解决输入框与按钮布局错位问题

    本文详细阐述了如何通过CSS媒体查询解决网页表单中输入框和按钮在小屏幕下布局错位的问题。我们将分析常见布局陷阱,如浮动和固定宽度,并提供使用媒体查询调整元素浮动方向的解决方案,同时探讨响应式设计的最佳实践,包括使用弹性布局和相对单位,确保网页在不同设备上都能展现出色的用户体验。 响应式表单元素布局挑…

    2025年12月22日
    000
  • 如何将HTML元素的属性设置为null?

    本文旨在介绍一种在特定浏览器环境下,将HTML元素的属性设置为null的实用技巧。 在某些情况下,我们希望HTML元素拥有某个属性,但并不需要为其赋予具体的值,即希望属性表现为“存在”而非“拥有特定值”。例如,,我们希望show属性存在,但其值为空。使用setAttribute(, )方法直接设置n…

    2025年12月22日
    000
  • CSS 相邻兄弟选择器:实现局部元素悬停样式联动

    本文将详细介绍如何利用 CSS 的相邻兄弟选择器(+)来创建交互式用户界面。我们将探讨在不同 HTML 结构下,如何通过悬停一个元素(如按钮或图片容器),精确地改变其紧邻的同级元素的样式(如文本颜色),从而实现局部、独立的视觉反馈,无需依赖 JavaScript。 理解 CSS 相邻兄弟选择器 (+…

    2025年12月22日
    000
  • HTML水印怎么添加到网页中_HTML水印添加到网页中的详细教程

    HTML水印通过CSS或JavaScript在网页叠加半透明标识,主要起视觉警示作用,无法真正阻止内容盗用。其核心实现方式是利用CSS定位与层叠(z-index)将水印置于内容上方,并设置透明度和pointer-events: none以保障可读性与交互性。常用方法包括:使用伪元素创建简洁文本水印、…

    2025年12月22日
    000
  • HTML怎么创建图片链接_HTML图片和链接结合的a标签包裹img实现方法

    答案是通过将img标签嵌入a标签内实现图片链接,href设置跳转地址,src指定图片路径,alt提供替代文本,常用于LOGO、广告等场景,需注意路径、链接完整性和alt描述的准确性。 在HTML中创建图片链接,是通过将 img标签 放入 a标签 内部来实现的。这样用户点击图片时就会跳转到指定链接。 …

    2025年12月22日
    000

发表回复

登录后才能评论
关注微信