优化gtag事件参数动态构建：正确处理JavaScript对象数组

gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: 3,
  items: [
    {
     item_name: 'A',
     price: 1
    },
    {
     item_name: 'B',
     price: 2
    }
  ]
});

// 错误示例：尝试通过字符串拼接构建 items
var gtagItemsString = "";
for (var i = 0; i < bookedItems.length; i++) {
  gtagItemsString += "{item_name: '"+bookingName[i]+"',price: "+Number(bookingPrice[i]).toFixed(2)+"},";
}
// 移除末尾逗号
gtagItemsString = gtagItemsString.substring(0, gtagItemsString.length - 1);

// 尝试将字符串作为数组元素传递，这是错误的
gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: gtagTotal,
  items: [gtagItemsString] // 问题所在：这里传递的是一个包含字符串的数组，而不是对象数组
});

var gtagItems = [];

for (var i = 0; i < bookedItems.length; i++) {
  // 为每个商品创建一个新的JavaScript对象
  let item = {
    'item_name': bookingName[i], // 商品名称
    'price': Number(bookingPrice[i]).toFixed(2) // 商品价格，确保是数字类型并格式化
  };
  // 将对象添加到数组中
  gtagItems.push(item);
}

gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: gtagTotal, // 确保 gtagTotal 也是一个数字类型
  items: gtagItems // 直接传递对象数组
});

// 假设这是你的原始数据源
const bookedItems = ['item1', 'item2'];
const bookingName = ['Product A', 'Product B'];
const bookingPrice = [10.50, 20.00];
const gtagTotal = 30.50; // 确保总价也是数字类型

// 步骤一：初始化空数组
var gtagItems = [];

// 步骤二：遍历数据并构建对象
for (var i = 0; i < bookedItems.length; i++) {
  let item = {
    'item_name': bookingName[i],
    'price': Number(bookingPrice[i]).toFixed(2) // 确保价格是数字类型
  };
  gtagItems.push(item);
}

// 步骤三：将构建好的数组传递给gtag
gtag("event", "purchase", {
  currency: "GBP",
  transaction_id: new Date().toISOString(),
  value: gtagTotal,
  items: gtagItems
});

// 在实际应用中，你可能需要一个模拟的 gtag 函数来测试
function gtag(eventType, eventName, params) {
  console.log("gtag event:", eventName);
  console.log("Parameters:", JSON.stringify(params, null, 2));
  // 可以在这里添加发送数据到GA4的实际逻辑
}