programing

vue.js에서 어레이 개체 속성에 액세스하는 중

goodsources 2022. 8. 21. 20:02
반응형

vue.js에서 어레이 개체 속성에 액세스하는 중

에서 다음 어레이를 지정하면vue.js:

packageMaps: Object
    packageMap_0: Object
        Id: 16
        PackageType: "flag_list"
        ProductCode: "F-BannerBase"
    packageMap_1: Object
        Id: 82
        PackageType: "flag_list"
        ProductCode: "F-TeardropBanner"
    ....
....

...그리고 그 가치를 생각하면F-TeardropBanner지정된 어레이에 액세스하여 관련 정보를 반환하려면 어떻게 해야 합니까?PackageType?

populatePackageList(productCode) {
  let packageList = [];
  let packageType = '';
  for(let key in this.packageMaps.ProductCode) {
      if(productCode === this.packageMaps[key];
      // not sure what to do here or if I am on the right track
  }
  this.formData.packageList = Object.assign({}, this.formData.packageList, packageList);
},

vue.js에 표시된 어레이

응답 데이터의 크기가 큰 경우 해당 응답 데이터를 다른 개체로 변환합니다.(key,value){}로서product Id:packageMap_x_object아래와 같이 }, 검색 속도가 빠릅니다.

let newPackageMaps = {
  "F-BannerBase": packageMap_0_Object
  "F-TeardropBanner":packageMap_1_Object
   ..........
   ..........
} 

populatePackageList(productCode) {
   //---------- more code----------------
  let packageMapItem = newPackageMaps[productCode]? 
      newPackageMaps[productCode]:null;
  //---------- more code ----------
}

또는 간단하게는, 을 사용할 수 있습니다.루프로 되어 있습니다.

for (let packageMap in this.packageMaps) {
  if(packageMap.ProductCode == input_ProductCode ){
       // more code
       break;
   }
}

언급URL : https://stackoverflow.com/questions/54976830/accessing-array-object-property-in-vue-js

반응형