如何搜索物件陣列并在陣列Angular8中推送新值

我有兩個來自 API 的不同回應。下面的回應包含 lineId 和 Name。

this.lines = [
    {      
        lineId: "R_X002_ACCESS"
        localName: "ACCESS"
        name: "ACCESS"
    },
    {      
        lineId: "R_X00R_X002_BIB2_ACCESS"
        localName: "BIB"
        name: "BIB"
    },
    {      
        lineId: "R_X002_KNORR"
        localName: "Knorr"
        name: "Knorr"
    },
     {      
        lineId: "R_X002_POWDER"
        localName: "Powder"
        name: "Powder"
    },
];

此回應用于 processData 函式，這里我想this.lines根據 item 物件的 lineId從api 回應中搜索名稱，如果匹配則需要推送名稱

item = {
lineId: "R_X002_POWDER"
},
{
lineId: "R_X00R_X002_BIB2_ACCESS,R_X002_ACCESS"
},
{
lineId: "R_X002_POWDER"
};

現在在下面的代碼中，我正在從 this.lines api 回應中根據 lineId 搜索名稱，如果匹配，則嘗試將其推入 plist 陣列中。

下面是我的代碼，這里我傳遞 api 回應并根據某些條件準備陣列。

我在processData 函式中嘗試了下面的代碼，但它不適用于逗號分隔值，也不能推送到正確的 plist 陣列。

var lineName = this.lines.filter(function(line) {
        if(line.lineId === item.lineId){
         return line.name;
        }
      });




processData(data: any) {
    let mappedData = [];
    for(const item of data){
      console.log(item,"item");
      var lineName = this.lines.filter(function(line) {
        if(line.lineId === item.lineId){
         return line.name;
        }
      });
      const mitem = mappedData.find(obj => obj.makeLineName == item.makeLineName);
      if(mitem){
        mitem['plist'].push(item);
      } else {
        let newItem = item;
        newItem['plist'] = [ item ];
        mappedData.push(newItem);
      }
    }
    return mappedData;
  }

預期產出

 lineId: "R_X002_POWDER",
     name: "Powder"
    },
    {
    lineId: "R_X00R_X002_BIB2_ACCESS,R_X002_ACCESS",
     name: "BIB","ACCESS"
    },
    {
    lineId: "R_X002_KNORR",
     name: "Knorr"
    };

uj5u.com熱心網友回復：

我認為由于 lineId 回傳給您，而不是檢查 lineId 相等性，您應該檢查傳入的 lineId 是否包含您的 lineId。
在您的代碼中：而不是line.lineId === item.lineId
檢查：(item.lineId).includes(line.lineId)

也許它有效......

uj5u.com熱心網友回復：

這對你有用嗎（mapNames功能）......

const lines = [
    {
        lineId: "R_X002_ACCESS",
        localName: "ACCESS",
        name: "ACCESS"
    },
    {
        lineId: "R_X00R_X002_BIB2_ACCESS",
        localName: "BIB",
        name: "BIB"
    },
    {
        lineId: "R_X002_KNORR",
        localName: "Knorr",
        name: "Knorr"
    },
    {
        lineId: "R_X002_POWDER",
        localName: "Powder",
        name: "Powder"
    },
];

const items = [
    {
        lineId: "R_X002_POWDER"
    },
    {
        lineId: "R_X00R_X002_BIB2_ACCESS,R_X002_ACCESS"
    },
    {
        lineId: "R_X002_POWDER"
    }
];

function mapNames(lines, items) {
    const mappedLines = {};
    
    lines.forEach(lineItem => {
        if (!mappedLines[lineItem.lineId]) {
            mappedLines[lineItem.lineId] = lineItem;
        }
    });
    
    const mappedItems = items
        .map(item => {
        return {
            lineId: item.lineId,
            name: item.lineId.split(",")
                .map(lineItem => mappedLines[lineItem].name || "")
                .filter(x => x)
                .join(",")
        };
    });
    return mappedItems;
}

console.log("Mapped Names:\n", mapNames(lines, items));

標籤：

上一篇：用rxjs修改observable中的陣列，回傳整個物件

下一篇：檢查物件的所有值，然后如果值為空，它將回傳該空值的鍵是什么？