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

JavaScript如何遍历JSON数组对象并仅提取name、value指定字段值

解决方案

你可以直接使用JavaScript数组的map方法完成提取,是性能和可读性最优的实现方式:

// 原JSON数组
const originArr = [
  {
    "id": 1,
    "name": "One",
    "value": "Hello 1",
    "enabled": true,
  },
  {
    "id": 2,
    "name": "Two",
    "value": "Hello 2",
    "enabled": true,
  },
  {
    "id": 3,
    "name": "Three",
    "value": "Hello 3",
    "enabled": true,
  }
]

// ES6简洁写法(推荐)
const result = originArr.map(({ name, value }) => ({ name, value }))

// 兼容旧环境的普通写法
const result = []
for (let i = 0; i < originArr.length; i++) {
  result.push({
    name: originArr[i].name,
    value: originArr[i].value
  })
}

运行后得到的result就是仅包含name和value字段的目标数组:

[
  {"name": "One", "value": "Hello 1"},
  {"name": "Two", "value": "Hello 2"},
  {"name": "Three", "value": "Hello 3"}
]

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.04 04:36:02