Как обновить значение в массиве на основе значений в другом массиве?

Question

У меня два таких массива,

let array1 = [
  {
    "id": 23,
    "name": "Telangana",
  }
]

Здесь мне нужно обновить массив2 color value inside properties на основе массива1 numberOfProjects value inside latestMetric. Как вы можете видеть, что в обоих массивах stateId and id одинаковы. Если numberOfProjects значение находится в диапазоне 1 - 1000. Мне нужно обновить значение color как 1. тогда значение numberOfProjects находится в диапазоне 1000 - 2000. Мне нужно обновить значение color как 2 .so вкл. Я не знаю, как этого добиться. Я попытался отобразить эти два массива и смог получить идентификаторы. Но я не знаю, как их сравнить и обновить значение. Пожалуйста, помогите мне. Спасибо заранее

Answer 1

Попробуйте это:

array2.map(arr2 => {
    //Find to return the position when the id's are the same
    const arr1 = array1.find(arr => arr.latestMetric.stateId == arr2.properties.id)

    // If find was successful, do this
    if (arr1) {
        // Destructuring assignment to be easier to compare
        const { numberOfProjects } = arr1.latestMetric

        if (numberOfProjects >= 1 && numberOfProjects < 1000)
            arr2.properties.color = 1
        else if (numberOfProjects >= 1000 && numberOfProjects < 2000)
            arr2.properties.color = 2
    }
})

Answer 2

Вы можете сделать это

 let updatedArr2 = [];

function updateArr2(arr2values, colorValue) {
  let updatedProperties = { ...arr2values.properties, color: colorValue };
  arr2values.properties = updatedProperties;
  updatedArr2.push(arr2values);
}
array2.map(arr2values =>
  array1.map(arr1values => {
    if (arr2values.properties.stateId === arr1values.latestMetric.stateId) {
      if (
        arr1values.latestMetric.numberOfProjects >= 1 &&
        arr1values.latestMetric.numberOfProjects <= 1000
      ) {
        updateArr2(arr2values, 1);
      } else if (
        arr2values.latestMetric.numberOfProjects >= 1000 &&
        arr2values.latestMetric.numberOfProjects <= 2000
      ) {
        updateArr2(arr2values, 2);
      }
    }
  })
);

console.log(updatedArr2);

Answer 3

Вы можете провести l oop через каждый объект в array1, а затем проверить, есть ли в array2 какой-либо объект, который соответствует stateId, если так, то проверить количество проектов в объекте array1 и измените color объекта в array2, который имеет тот же stateId, что-то вроде:

array1.forEach((o) => {
  let matches = array2.filter(
    (o2) => o2.properties.stateId === o.latestMetric.stateId
  );
  let projects = o.latestMetric.numberOfProjects;
  for (let match of matches) {
    if (projects > 1 && projects < 1000) {
      match.properties.color = 1;
    } else if (projects >= 1000 && projects < 2000) {
      match.properties.color = 2;
    }
  }
});

let array1 = [
  {
    id: 23,
    name: "Telangana",
    code: "lnn",
    regionId: 1,
    isActive: true,
    latitude: 17.8495919,
    longitude: 79.1151663,
    latestMetric: {
      stateId: 23,
      year: 0,
      constructionValueInMn: 84623,
      constructionAreaInMnSqft: 32,
      numberOfProjects: 406,
      noOfCompletedProjects: 19,
      noOfOngoingProjects: 387,
      noOfUpcomingProjects: 0,
      growthRate: 0,
      averagePricePerSqftInRs: 0,
      totalAreaInMnSqft: 71,
      overAllAvgSqft: 0,
      eachVariantAvgSqft: 0,
      noOfTypeOfVariant: 0,
      projectCompletionCycle: 0,
    },
    createdAt: "2020-04-21T00:35:11.684134",
    updatedAt: "2020-04-21T00:35:11.684134",
  },
];

let array2 = [
  {
    type: "Feature",
    geometry: {
      type: "Polygon",
      coordinates: [
        [
          [77.19721, 28.861519],
          [77.203836, 28.86004],
        ],
      ],
    },
    properties: {
      cartodb_id: 26,
      state_code: 7,
      st_nm: "NCT of Delhi",
      color: 2,
      id: 23,
      stateId: 23,
    },
  },
];

array1.forEach((o) => {
  let matches = array2.filter(
    (o2) => o2.properties.stateId === o.latestMetric.stateId
  );
  let projects = o.latestMetric.numberOfProjects;
  for (let match of matches) {
    if (projects > 1 && projects < 1000) {
      match.properties.color = 1;
    } else if (projects >= 1000 && projects < 2000) {
      match.properties.color = 2;
    }
  }
});

console.log(array2);