js 有什么优雅的方法可以在处理 json 数组的时候只改变其中一个键值对的值并且自动保留其他的键值对不变吗

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 1490 days ago, the information mentioned may be changed or developed.

let test=[
  {
    "id": 28620,
    "name": "茌平粉煤灰[Ⅱ级]",
    "dn": "掺合料"
  },
  {
    "id": 5941,
    "name": "粉煤灰[Ⅰ 级]",
    "dn": "掺合料"
  },
  {
    "id": 5226,
    "name": "粉煤灰[Ⅱ级]",
    "dn": "掺合料"
  }]
  //需求是只改变 dn 为其他
  //改变后值为
  test=[
  {
    "id": 28620,
    "name": "茌平粉煤灰[Ⅱ级]",
    "dn": "其他"
  },
  {
    "id": 5941,
    "name": "粉煤灰[Ⅰ 级]",
    "dn": "其他"
  },
  {
    "id": 5226,
    "name": "粉煤灰[Ⅱ级]",
    "dn": "其他"
  }]
 // 这是我用到的方法
  test=test.map((item)=>({
    'id':item.id,
    'name':item.name,
    'dn':'其他'
  }))
  //这种方法是可行但是不优雅，因为就为了改变一个值还要把其他的也写上，有什么更好的方法实现吗？

粉煤灰

name

掺合

test

28 replies • 2022-06-07 11:20:12 +08:00

akaxiaok339

May 12, 2022

解构呀

noe132

May 12, 2022 via Android

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Reference/Operators/Spread_syntax

KotlinAmai

May 12, 2022

test = test.map((item) => ({
...item,
'dn': '其他'
}))

cjd6568358

May 12, 2022

test=test.forEach((item)=>item.dn='其他')
--------------------------
JSON.parse(JSON.stringfy(test).replace('dn:xxx','dn:qita'))

alanhe421

May 12, 2022

跟 json 啥关系？单单数组，做法就是这样，如楼上，缺的是个解构

但假如本身只是个大的字符串，除了 JSON.parse 转为数组，进行处理之外，本身也可以直接 replace 正则。只是不差这点性能了。

yuan321

May 12, 2022

谢谢，这三种方法都很好

yaphets666

May 12, 2022

test.forEach(item => item.dn = '其他') 就行了。这里边其实挺有玄机的，值传递~内存，指针~

akatquas

May 12, 2022

纯纯提问，使用高级语法糖，就是优雅的意思吗？

learningman

May 12, 2022 via Android

@akatquas 函数式编程就是优雅的意思

yuan321

May 12, 2022

@yaphets666 感觉这种写法确实有点匪夷所思

libook

May 12, 2022

只改值不改字段，直接循环改值应该是最方便的，如用 forEach 方法或者干脆 for 循环。

涉及到改字段名的话，也可以用循环，然后在每个对象里加个新字段，再 delete 旧字段；或者就用解构。

另外要考虑下文是否还会用到修改之前的数组，如果用到的话也可以在这边新建数组修改，保留原数组的形态。

reiji

May 12, 2022

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse#%E4%BD%BF%E7%94%A8_reviver_%E5%87%BD%E6%95%B0
如果数据是从服务器拉过来的，可以直接在解析 json 的时候使用 reviver 函数处理

libook

May 12, 2022

@yuan321 #10 JS 里面赋值有两种情况，一种是 string 、number 、bool 等简单类型的值复制，即 a=1;b=a ，那么 a 和 b 的值都是 1 ，但修改 a 不会导致 b 的值变化；另一种是对象、数组等的引用，即 a=[1];b=a;当给 a push 新元素之后，b 也随之改变。这个是 JS 最常用的基本的原理之一，用熟练了就不会觉得奇怪了。

foolenius

May 12, 2022

@yuan321 #10
值传递和引用传递的特性，不是 JavaScript 独有的

forbreak

May 12, 2022

有个 json path 的包，可以用 set('*.dn','其他') 这种方式修改值。但是你这个单层也没必要。多层 json 的话挺好用。

brader

May 12, 2022

```
$test = '[{"id":28620,"name":"茌平粉煤灰[Ⅱ级]","dn":"掺合料"},{"id":5941,"name":"粉煤灰[Ⅰ 级]","dn":"掺合料"},{"id":5226,"name":"粉煤灰[Ⅱ级]","dn":"掺合料"}]';
$test = json_decode($test);
foreach ($test as $item) {
$item->dn = '其他';
}
```

用 PHP 吧，少年，哈哈哈

KousukeSakurako

May 12, 2022

写个 for 循环很麻烦吗

wangtian2020

May 12, 2022

3 楼 4 楼都是标准答案，应该没有其他不引包的好办法了
我倾向于使用 Array 的 map 或者 forEach

jifengg

May 12, 2022

用 map 和解构，生生的多出一个数组的内存占用和解构耗时，并且 test 的引用也变了。
forEach 或者 for 才是正解。楼主自己也说了，只是改一个字段的值，为什么要把其他字段也写上呢。

自己简单测试一下，仅仅楼主的三个字段的 obj ，map 耗时是 for[Each]的 10 倍多。