前端JS 替换问题解析:如何将 JSON 对象中的 “assessingOfficer” 数组内的某些值变为“红色”?

前端js 替换问题解析:如何将 json 对象中的

前端 js 替换问题解析

提供了 json 对象,其中包含一个名为 “assessingofficer” 的数组。要求替换数组中对象的某些值,使其变为“红色”。问题示例如下:

"assessingofficer": [    {        "assessingstatus": 1,    },    {        "assessingstatus": 2,    },    {        "assessingstatus": 2,    },]

以下 js 代码提供了解决方案:

const assessingofficer = [  {    assessingstatus: 2,  },  {    assessingstatus: 2,  },  {    assessingstatus: 1,  },  {    assessingstatus: 1,  },  {    assessingstatus: 2,  },  {    assessingstatus: 2,  },  {    assessingstatus: 2,  },];var assessingofficerarr = assessingofficer.map((el) => el.assessingstatus);var deepassessingofficerarr = json.parse(json.stringify(assessingofficerarr));for (let i = 0; i  0)    assessingofficerarr[i] =      deepassessingofficerarr[i] === 1        ? 3        : deepassessingofficerarr[i - 1] === 1        ? 1        : deepassessingofficerarr[i];}console.log('assessingofficerarr', assessingofficerarr);

该代码遵循以下步骤:

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

将数组的 “assessingstatus” 属性提取到一个新的数组 assessingofficerarr 中。对 assessingofficerarr 进行深层克隆,并将其存储在 deepassessingofficerarr 中。

遍历 deepassessingofficerarr,根据条件更新 assessingofficerarr 中的值:

如果当前值为 1,则更改为 3(红色)。如果当前值大于 1,则根据前一个元素来决定更新为 1 或 3。打印实际替换后的数组 assessingofficerarr。

最终,assessingofficerarr 数组将如下所示:

[3, 1, 1, 3, 1, 3, 3]

以上就是前端JS 替换问题解析:如何将 JSON 对象中的 “assessingOfficer” 数组内的某些值变为“红色”?的详细内容,更多请关注创想鸟其它相关文章!

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小程序元素拖拽:如何实现元素的拖动功能?
上一篇 2025年12月19日 19:28:57
Vue.js 中使用 v-if 和 v-else-if 实现多条件渲染时,为什么第二个条件无法生效?
下一篇 2025年12月19日 19:29:09

相关推荐

  • 如何用WPS转换PDF为Word_WPS PDF转Word格式转换操作教程

    如何用WPS转换PDF为Word_WPS PDF转Word格式转换操作教程如何用WPS转换PDF为Word_WPS PDF转Word格式转换操作教程如何用WPS转换PDF为Word_WPS PDF转Word格式转换操作教程如何用WPS转换PDF为Word_WPS PDF转Word格式转换操作教程

    使用WPS在线工具可直接上传PDF并转为Word,适合临时处理;2. WPS桌面版支持批量高精度转换,操作简便;3. 手机端WPS应用实现移动端快速转换与分享;4. 已打开PDF时可通过内置插件一键转为Word,提升效率。 如果您需要将PDF文件转换为可编辑的Word文档,WPS提供了便捷的转换功能…

    2026年9月26日 • 用户投稿
    000
  • 2025高分辨率图片生成AI工具Top10榜单

    2025年高分辨率AI图像生成工具将实现技术突破,榜单预测包括DeepImage AI Pro 2025、NVIDIA AI Imaginer 5.0等十款产品,涵盖生成质量、速度、细节控制、Prompt理解与软件兼容性五大维度;当前技术瓶颈集中在计算资源需求大、算法优化难、数据标注成本高,而未来趋…

    2026年9月26日
    200
  • 怎样制作wps文档

    怎样制作wps文档怎样制作wps文档怎样制作wps文档怎样制作wps文档

    首先打开WPS Office,可新建空白文档自由编辑,或选择预设模板快速生成简历、报告等标准文件,也可导入.doc、.docx等格式的外部文件进行修改与保存。 如果您想要创建一份专业的文档,但不确定如何开始,WPS Office 提供了简单直观的方式来帮助您完成。通过其丰富的编辑功能和模板资源,您可…

    2026年9月26日 • 用户投稿
    000
  • WPS云文档怎么同步文件_WPS云文档同步文件的详细教程

    WPS云文档怎么同步文件_WPS云文档同步文件的详细教程WPS云文档怎么同步文件_WPS云文档同步文件的详细教程WPS云文档怎么同步文件_WPS云文档同步文件的详细教程WPS云文档怎么同步文件_WPS云文档同步文件的详细教程

    开启WPS云同步需登录账号并启用“文档云同步”功能,将文件保存至WPS Cloud Files本地目录,即可在多设备间自动同步;手机端登录相同账号后可在“云文档”中查看编辑,确保网络畅通及客户端运行正常以避免同步异常。 WPS云文档可以让你在不同设备间自动同步文件,方便随时随地查看和编辑。只要登录同…

    2026年9月26日 • 用户投稿
    300
  • WPS如何将图片转PDF_WPS图片转PDF合并与导出方法

    WPS如何将图片转PDF_WPS图片转PDF合并与导出方法WPS如何将图片转PDF_WPS图片转PDF合并与导出方法WPS如何将图片转PDF_WPS图片转PDF合并与导出方法WPS如何将图片转PDF_WPS图片转PDF合并与导出方法

    WPS Office支持将图片转为PDF并合并导出,适用于整理照片、扫描件等。1. 单张图片转换:新建→图片转PDF→选择文件→导出即可;2. 多张图片合并:通过“添加图片”多选并调整顺序,一键合成PDF,适合制作简历或作品集;3. 可选设置包括页面尺寸、图片质量和排版,提升输出效果;4. 手机端操…

    2026年9月26日 • 用户投稿
    100
  • 安装 Windows 10 和 Windows 11 双系统,需要单独分区吗?

    安装 Windows 10 和 Windows 11 双系统,需要单独分区吗?安装 Windows 10 和 Windows 11 双系统,需要单独分区吗?安装 Windows 10 和 Windows 11 双系统,需要单独分区吗?安装 Windows 10 和 Windows 11 双系统,需要单独分区吗?

    安装双系统必须为每个系统创建独立分区,以确保稳定性和数据安全。首先备份数据,通过磁盘管理工具压缩现有分区,腾出未分配空间并新建分区用于第二个系统。推荐先安装Windows 10,再安装Windows 11,以便其自动识别旧系统并配置启动菜单。每个系统分区建议100GB以上,可额外创建共享数据分区。若…

    2026年9月26日 • 用户投稿
    000
  • 免费PPT生成支持多人协作吗_免费工具实现PPT协作的指南

    免费PPT生成支持多人协作吗_免费工具实现PPT协作的指南免费PPT生成支持多人协作吗_免费工具实现PPT协作的指南免费PPT生成支持多人协作吗_免费工具实现PPT协作的指南免费PPT生成支持多人协作吗_免费工具实现PPT协作的指南

    选择支持多人协作的免费PPT工具可高效完成演示文稿制作。一、WPS Office在线版:登录官网后新建演示文稿,通过共享链接设置“可编辑”权限,团队成员即可实时协同编辑,光标与修改痕迹同步显示。二、Microsoft PowerPoint Online:使用Microsoft账户登录Office官网…

    2026年9月25日 • 用户投稿
    300
  • PDF转Word怎么一键转换_PDF一键转Word的简单操作流程

    PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程PDF转Word怎么一键转换_PDF一键转Word的简单操作流程

    可通过在线工具、Word、WPS或Adobe软件将PDF转为Word。在线工具如iLovePDF上传即转;2. Word可直接打开PDF另存为.docx;3. WPS点击“PDF转Word”一键转换;4. Adobe Acrobat选择“导出PDF”为Word格式,精准保留原排版。 如果您需要将PD…

    2026年9月25日 • 用户投稿
    200
  • DWG转DXF为何非真彩色

    DWG转DXF为何非真彩色DWG转DXF为何非真彩色DWG转DXF为何非真彩色DWG转DXF为何非真彩色

    1、 null 2、 当在CAD中将DWG文件转换为DXF格式时,若发现对象颜色未保留真彩色,可能是因为打印配置中应用了monochrome.ctb样式表,该设置会强制输出为黑白图形,而非原始彩色。 3、 在导出至ACAD格式时,可利用图层映射功能,将SolidWorks中的不同对象指派到特定图层,…

    2026年9月25日 • 用户投稿
    000
  • win10使用Outlook查看邮件时内容显示不全?

    win10使用Outlook查看邮件时内容显示不全?win10使用Outlook查看邮件时内容显示不全?win10使用Outlook查看邮件时内容显示不全?win10使用Outlook查看邮件时内容显示不全?

    许多用户习惯使用outlook来接收和发送电子邮件,但有一部分win10系统的用户在使用outlook浏览邮件时,发现部分邮件在双击标题后弹出窗口显示内容时,后半部分内容却不见了,导致信息无法完整展示。那么,当win10系统中的outlook出现邮件内容显示不全的情况时,应该如何处理呢?接下来,请跟…

    2026年9月25日 • 用户投稿
    400
  • WPS如何制作个人简历_WPS简历模板选择与内容填写教程

    WPS如何制作个人简历_WPS简历模板选择与内容填写教程WPS如何制作个人简历_WPS简历模板选择与内容填写教程WPS如何制作个人简历_WPS简历模板选择与内容填写教程WPS如何制作个人简历_WPS简历模板选择与内容填写教程

    使用WPS制作简历需先选择合适模板,填写个人信息、求职意向、教育背景、工作经历等内容,突出成果与技能,调整格式后导出为PDF。关键在于内容真实、条理清晰、重点突出,便于HR快速识别优势。 在求职过程中,一份清晰、专业的简历至关重要。WPS Office 提供了多种简历模板和便捷的编辑功能,帮助用户快…

    2026年9月24日 • 用户投稿
    400
  • windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法

    windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法windows右键新建菜单没有word或excel怎么办 右键新建菜单找回word和excel的方法

    若Windows右键“新建”缺失Word或Excel选项,首先检查Office安装完整性,通过“快速修复”或“联机修复”恢复;若无效,可手动在注册表中添加对应ShellNew项并创建NullFile或FileName字符串值;也可使用.reg批处理脚本自动注入注册表;最后重建.docx和.xlsx文…

    2026年9月24日 • 用户投稿
    100
  • 这套5000元的主机配置能战未来吗?

    5000元台式机可战未来3-4年,适合大学生主流游戏与学习。搭配R5 5600+RTX 4060级配置,1080P高画质流畅运行3A大作,2K需降特效但支持DLSS/FSR;6核12线程CPU加16GB内存满足办公、编程、视频剪辑需求;B550/B650主板和550W以上电源预留升级空间,支持后续提…

    2026年9月24日
    300
  • WPS怎么办批量打印文件_WPS多文档批量打印与队列管理步骤

    使用WPS内置批量打印功能,通过工具→批量处理→批量打印添加文件并设置参数后一键打印;2. 在资源管理器中多选文件右键以WPS打开,再在文件菜单中选择打印所有文档;3. 通过控制面板的设备和打印机进入打印队列,可实时监控、暂停或取消任务,确保批量打印过程稳定可控。 如果您需要在短时间内处理多个WPS…

    2026年9月24日
    500
  • 《Python完全自学教程》免费在线连载1.5

    《Python完全自学教程》免费在线连载1.5《Python完全自学教程》免费在线连载1.5《Python完全自学教程》免费在线连载1.5《Python完全自学教程》免费在线连载1.5

    说明: 本节内容,是针对非计算机专业的读者提供的补充知识。 1.5 操作系统 本节不是全面介绍操作系统知识,是提醒读者从开发者的角度认识自己的操作系统——根据多年的经验,至少要能熟练使用一些命令完成常见操作。 首先要声明硬件设备,本书所演示的代码都是基于个人计算机( Personal Compute…

    2026年9月24日 • 用户投稿
    800
  • 宏碁Predator X27U对决LG 27GS95QE:OLED显示器的HDR效果与文本显示清晰度,能否兼顾娱乐与办公?

    宏碁Predator X27U和LG 27GS95QE均支持HDR与办公,前者凭借QD-OLED面板和1000nits峰值亮度在HDR表现上更胜一筹,后者因W-OLED面板的优质像素排列在2K文本清晰度上更具优势;X27U配备90W PD和KVM,适合多设备用户,而LG虽有USB Hub但扩展性稍弱…

    2026年9月23日
    300
  • D盘和C盘有什么区别_D盘与C盘功能及用途对比解析

    C盘是系统核心,负责电脑启动和运行,存放操作系统及关键文件,需谨慎操作并预留至少20%空间;D盘为数据存储区,用于保存个人文件和软件,可自由管理但需定期整理与备份。 电脑里的C盘和D盘虽然都是用来存东西的,但它们的角色完全不同。简单说,C盘是系统的大本营,管着电脑能不能正常开机运行;D盘是你的私人仓…

    2026年9月23日
    300
  • 如何恢复未保存的WPS格式文档_WPS未保存文档恢复操作技巧

    首先尝试WPS自动恢复功能,重新打开软件后查看“文档恢复”面板;若无效,可手动查找C:Users当前用户名AppDataLocalKingsoftWPS Officecache目录下的临时文件;若启用云端同步,可通过“备份与恢复”中的历史版本找回;还可使用系统搜索*.asd文件定位自动保存的副本。 …

    2026年9月23日
    400
  • 解决Apache POI生成DOCX水印文件XML声明错误

    本文探讨了使用Apache POI为DOCX文档添加水印时,可能遇到的“XML声明必须位于输入开头”错误。该错误导致文件无法在Microsoft Word中打开,但可在浏览器查看器中正常显示。文章分析了错误原因,并提供了基于POI版本升级、XML结构理解及潜在高级解决方案的专业指导,旨在帮助开发者有…

    2026年9月23日
    1100
  • WPS怎么免费使用模板_WPS免费模板下载与应用操作指南

    首先确认WPS模板库中的“免费”标识,通过搜索或分类查找目标模板,点击带“免费”标签的模板预览并使用“立即使用”功能下载,避免选择VIP或付费项;下载后可直接编辑,并通过“另存为”保存为.dotx或.potx格式以便重复调用,手机端登录账号还可同步收藏;注意部分模板含水印需会员去除,建议定期清理缓存…

    2026年9月22日
    000

发表回复

登录后才能评论
关注微信