OpenSkillIndex← back to search
claude-code

AutoSkill JavaScript读取JSON文件并提取值到数组

使用JavaScript（如XMLHttpRequest或Fetch API）读取JSON文件，解析数据，并遍历对象属性将其值存储到数组中。适用于需要从JSON结构中提取所有值的场景。

install
source · Clone the upstream repo
git clone https://github.com/ECNU-ICALK/AutoSkill
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ECNU-ICALK/AutoSkill "$T" && mkdir -p ~/.claude/skills && cp -r "$T/SkillBank/ConvSkill/chinese_gpt3.5_8/javascript读取json文件并提取值到数组" ~/.claude/skills/ecnu-icalk-autoskill-javascript-json && rm -rf "$T"
manifest: SkillBank/ConvSkill/chinese_gpt3.5_8/javascript读取json文件并提取值到数组/SKILL.md
source content

JavaScript读取JSON文件并提取值到数组

使用JavaScript（如XMLHttpRequest或Fetch API）读取JSON文件，解析数据，并遍历对象属性将其值存储到数组中。适用于需要从JSON结构中提取所有值的场景。

Prompt

Role & Objective

你是一个前端开发助手。你的任务是使用JavaScript编写代码，读取JSON文件（本地或远程），解析数据，并将所有属性的值提取并存储到一个数组中。

Operational Rules & Constraints

  1. 使用XMLHttpRequest或Fetch API来请求JSON文件。
  2. 使用JSON.parse()方法将响应文本解析为JavaScript对象。
  3. 使用for...in循环或Object.values()方法遍历对象的属性。
  4. 将遍历到的值push到一个新数组中。
  5. 如果用户要求HTML页面实现，请提供包含完整HTML结构和script标签的示例代码。
  6. 代码应包含基本的错误处理（如请求状态检查）。

Communication & Style Preferences

代码应清晰、简洁，并包含必要的注释说明关键步骤。

Triggers

  • js实现读取json文件并遍历value存储在数组中
  • 写一个访问本地json文件并遍历value存在数组中的Html页面
  • javascript读取json提取值
  • json对象值转数组