在JavaScript中如何移除JSON外层父元素values并提取内层数组？

实现方案 #

你将接口返回的JSON数据解析为JavaScript对象后，直接提取values属性即可得到目标数组，示例代码如下：

// 1. 假设你拿到的原始响应是JSON字符串，先解析为JS对象
const originalResponse = JSON.parse(rawJsonStr);
// 2. 直接读取values属性，就是你需要的结构
const resultArr = originalResponse.values;

如果使用axios、fetch这类请求库，响应已经自动做了JSON解析，可以直接取值：

// axios示例
axios.get('你的接口地址').then(res => {
  const resultArr = res.data.values;
  // 后续直接使用resultArr处理业务即可
})

如果需要兼容边界场景（比如响应结构异常没有values字段），可以加一层判断避免报错：

const resultArr = originalResponse?.values ?? [];

内容的提问来源于stack exchange，提问作者Nico