我想在 reactjs 中搜索和更改数组值

如何解决我想在 reactjs 中搜索和更改数组值

我是 React 新手

我尝试像这样搜索和更改值。

ny: "76"  ->  ny: "apple"
ny: "12"  ->  ny: "banana"

我该怎么做？

我是这样试的。

const source = [{
        nx: "98",ny: "76",category: "WSD",fcstDate: "20210625",fcstTime: "1500",fcstValue: "2.9",},{
        nx: "98",ny: "12",category: "S06",fcstTime: "1200",fcstValue: "0",]

const newArray = source
.filter(({ny}) => ny === "76")
.forEach((source) => (source.ny = "apple"));

来源

const source = [
  {
    nx: "98",ny: "apple",{
    nx: "98",ny: "banana",]

解决方法

问题

const newArray = source
  .filter(({ny}) => ny === "76")
  .forEach((source) => (source.ny = "apple"));

这将首先过滤源数组中具有 ny 属性特别等于“76”的元素，然后 forEach 对元素进行变异。这整体甚至不适用于单个值，因为 forEach 是一个空返回。

解决方案

据我所知，您可能不想过滤源数组，这会从结果中删除元素。

这只是一种可能的解决方案。

创建要转换为水果的 ny 键的映射，然后遍历源数组并检查映射中是否存在 ny 键/值，如果存在，则返回具有更新的 ny 属性的当前元素的浅表副本。

const convertMap = {
  76: "apple",12: "banana",};

const res = source.map(el => {
  if (convertMap[el.ny]) {
    return {
      ...el,ny: convertMap[el.ny],};
  }
  return el;
});

const convertMap = {
  76: "apple",};

const source = [
  {
    nx: "98",ny: "76",category: "WSD",fcstDate: "20210625",fcstTime: "1500",fcstValue: "2.9",},{
    nx: "98",ny: "12",category: "S06",fcstTime: "1200",fcstValue: "0",];

const res = source.map(el => {
  if (convertMap[el.ny]) {
    return {
      ...el,};
  }
  return el;
});

console.log(res);

,

这是我的解决方案...

  const arr = source.map(el => {
  return {...el,ny: el['ny'] === '76' ? 'Apple' : el['ny']}
  })
  console.log('arr',arr);

我们将简单地遍历我们的数组并返回为我们的搜索键设置的新值的对象。休息地图会照顾。我希望这会有所帮助。