You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

JavaScript中移除父级数组,返回指定格式数组的实现方法

这事儿超简单,给你几个实用的解决方案,按需选就行:

方法1:直接通过数组索引访问

你的父级数组里只有一个元素,直接用[0]就能取出里面的目标对象,这是最直观的写法:

const originalData = [{"klasses":[{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"T Class","fare":"4,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"S Class","fare":"5,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"E Class","fare":"5,300","baggage":"0"}]}];
const result = originalData[0];
console.log(result);

执行后result就是你要的、去掉父级数组后的对象。

方法2:ES6数组解构赋值

如果是现代JavaScript开发场景,用解构语法会更简洁清爽,直接提取数组的第一个元素:

const originalData = [{"klasses":[{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"T Class","fare":"4,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"S Class","fare":"5,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"E Class","fare":"5,300","baggage":"0"}]}];
const [result] = originalData;
console.log(result);

这种写法可读性强,也符合当前的代码风格趋势。

方法3:使用shift()方法(注意副作用)

shift()方法会移除数组的第一个元素并返回它,但要注意这个方法会修改原数组,如果不需要保留原数组的话可以用:

const originalData = [{"klasses":[{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"T Class","fare":"4,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"S Class","fare":"5,000","baggage":"0"},{"flightCode":"SHA735","departure":"03:50 PM","arrival":"04:15 PM","fareCode":"E Class","fare":"5,300","baggage":"0"}]}];
const result = originalData.shift();
// 此时originalData会变成空数组
console.log(result);

如果需要保留原数组,优先选择前两种方法。

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 08:00:00