javascript - JS : update the data in a specific object by key

Question

这是我的数组:

const mockData = [
    {
      text: 'Text1',
      data: [
        { field: '1' },
        { field: '2' },
        { field: '3' },
        { field: '4' },
        { field: '5' },
        { field: '6' }
      ]
    },
    {
      text: 'Text2',
      data: [{ field: '1' }, { field: '2' }, { field: '3' }, { field: '4' }]
    }
  ];

我需要通过 text 属性更新特定对象中的data。例如，如果我将键定义为 Text1，我需要更新数组的第一个对象中的 data。

基本上，我需要一个像 updateArray(key, data) 这样的方法。

我想这样使用它:

const dataToUpdate = [{field: '777'}]

updateArray('Text1', dataToUpdate);

输出:

const mockData = [
    {
      text: 'Text1',
      data: [{field: '777'}]
    },
    {
      text: 'Text2',
      data: [{ field: '1' }, { field: '2' }, { field: '3' }, { field: '4' }]
    }
  ];

这是迄今为止我尝试对特定对象属性进行切片的方法，但问题是如何使用新数据更新它:

const sliceArray = (data, target, len = 3) => 
  data.map(({ text, data, ...rest}) => ({
    data: text == target ? data.slice(0, len) : data,
    text,
    ...rest
  }))

console.log(sliceArray(mockData, 'Text1'))

Answer 1

您需要传递新数据而不是计数。

const replaceArray = (data, target, newData) => 
  data.map(({ text, data, ...rest}) => ({
    data: text == target ? newData : data,
    text,
    ...rest
  }))

console.log(replaceArray(mockData, 'Text1', dataToUpdate))