从 2 个 json 文件中获取具有 React 条件的值

Question

I have 2 json files statesCode.json and cityAndzipCode.json having following structure

statesCode.json

{ "Alabama" : "AB" ,
 "Alaska" : "AS" ,
 }

cityAndzipCode.json

{ "Alabama" : { city : "Birmingham" , zipcode : "123456" },
 "Alaska" : { city : "Anchorage" , zipcode : "453567" }, 
---
 }

now in my component I am returning stateAbbreviation, cityName and zipCode. I have to write a condition that if we get only stateAbbreviation in url and cityName and zipCode are null, then we have to check the list in cityAndzipCode.json and return city and zipCode as array.

I was able to apply this logic, kindly tell me what am I doing wrong

if ( url . zipCode === null && url.cityName === null && url . stateAbbreviation )
 { 
 if ( url . stateAbbreviation === stateCodes ) {
 url . cityName = stateCodes ;
 url . zipCode = stateCodes [ 1 ];
 } 

Answer 1

I am beginning with a hope that your data looks like as below:

stateCodes = { 
  "Alabama": "AB" ,
  "Alaska": "AS" ,
};
      
cityAndzipCode = { 
  "Alabama": { city : "Birmingham" , zipcode : "123456" },
  "Alaska": { city : "Anchorage" , zipcode : "453567" }, 
 };

url = { cityName:null, zipCode:null, stateAbbreviation:'AB' };

if (!url.zipCode && !url.cityName && url.stateAbbreviation) { 
  const index = Object.values(stateCodes).indexOf(url.stateAbbreviation);  
  const value = Object.keys(stateCodes)[index];
  if (value) {
    url.cityName = cityAndzipCode[value].city;
    url.zipCode = cityAndzipCode[value].zipcode;
  } 
}