从 dataLayer 计算库存产品变体的数量

Question

我在 ecomm 网站的 Google 跟踪代码管理器中工作。

在产品页面上，我需要知道库存产品的数量。

dataLayer 具有嵌套在每个颜色选项下的大小。每个尺码都有一个值，显示该尺码是否有货（“available”：“false”或“true”）。

我提供的代码是 dataLayer 中显示的代码。在此示例中，4 种尺寸中有 3 种有库存，因此我寻找要运行的 JS 来计算 ""available": "true" 的数量 - 在这种情况下，答案是 3。

我希望有一个可以在 Google 跟踪代码管理器中的变量中使用的解决方案。

{
"product": {
    "variants": [
        {
            "colorID": "03",
            "colorName": "MEDIUM DENIM",
            "sizes": [
                {
                    "sizeID": "10",
                    "sizeName": "33",
                    "available": "false",
                    "price": "24.0"
                },
                {
                    "sizeID": "1",
                    "sizeName": "24",
                    "available": "true",
                    "price": "24.0"
                }
            ]
        },
        {
            "colorID": "06",
            "colorName": "LIGHT DENIM",
            "sizes": [
                {
                    "sizeID": "1",
                    "sizeName": "24",
                    "available": "true",
                    "price": "24.0"
                },
                {
                    "sizeID": "2",
                    "sizeName": "25",
                    "available": "true",
                    "price": "24.0"
                }
            ]
        }
    ]
}

}

Answer 1

如果我正确理解预期的结果

const data = {"product": {"variants": [
  {"colorID": "03","colorName": "MEDIUM DENIM","sizes": [
    {"sizeID": "10","sizeName": "33","available": "false","price": "24.0"},
    {"sizeID": "1","sizeName": "24","available": "true","price": "24.0"}]},
  {"colorID": "06","colorName": "LIGHT DENIM","sizes": [
    {"sizeID": "1","sizeName": "24","available": "true","price": "24.0"},
    {"sizeID": "2","sizeName": "25","available": "true","price": "24.0"}]}]}};
    

const result = {
  product: {
    variants: data.product.variants.map((variant) => (
      { 
        ...variant,  
        sizes: variant.sizes.filter(({ available }) => available === "true"),
      }
    ))
  }
}



console.dir(result, {depth: null})

.as-console-wrapper{min-height: 100%!important; top: 0}

----更新---

const data = {"product": {"variants": [
  {"colorID": "03","colorName": "MEDIUM DENIM","sizes": [
    {"sizeID": "10","sizeName": "33","available": "false","price": "24.0"},
    {"sizeID": "1","sizeName": "24","available": "true","price": "24.0"}]},
  {"colorID": "06","colorName": "LIGHT DENIM","sizes": [
    {"sizeID": "1","sizeName": "24","available": "true","price": "24.0"},
    {"sizeID": "2","sizeName": "25","available": "true","price": "24.0"}]}]}};
    
const result = data.product.variants
  .flatMap((variant) => variant.sizes
    .filter(({ available }) => available === "true")
  ).length;

console.dir(result, {depth: null})

.as-console-wrapper{min-height: 100%!important; top: 0}