如何修改javascript数组的内容 - 可能使用forEach函数

Question

我有一个函数，它将来自我站点的dataLayer的信息推送到数组中。我希望能够改变该阵列中的信息，但是我对如何实现这一目标感到不知所措。

这里是从我的网站的HTML数据层的一个示例：

<script type="text/javascript"> 
 
    var dataLayer = dataLayer || []; 
 
    dataLayer.push({ 
 
    'transactionId': 'xxx', 
 
    'transactionAffiliation': 'xxx', 
 
    'transactionTotal': 27.95, 
 
    'transactionTax': 4.46, 
 
    'transactionGoodsNet': 18.49, 
 
    'transactionGoodsNetNoDiscount': 18.49, 
 
    'transactionGoodsTax': 3.51, 
 
    'transactionShipping': 5.95, 
 
    'transactionTotal_currency': 27.95, 
 
    'transactionTax_currency': 4.46, 
 
    'transactionGoodsNet_currency': 18.49, 
 
    'transactionGoodsNetNoDiscount_currency': 18.49, 
 
    'transactionGoodsTax_currency': 3.51, 
 
    'transactionShipping_currency': 5.95, 
 
    'transactionExchangeRate': 1.00, 
 
    'transactionProducts': [{ 
 
     'sku': 'sku1', 
 
     'name': 'name1', 
 
     'brand': 'Unbranded', 
 
     'category': 'xxxx', 
 
     'price': 6.00, 
 
     'price_ex': 5.04, 
 
     'image': 'xxx_image1.jpg', 
 
     'url': 'url1-p2180', 
 
     'quantity': 1 
 
    }, { 
 
     'sku': 'sku2', 
 
     'name': 'name2', 
 
     'brand': 'Unbranded', 
 
     'category': 'xxxx', 
 
     'price': 6.00, 
 
     'price_ex': 5.04, 
 
     'image': 'xxx_image2.jpg', 
 
     'url': 'url2-p2180', 
 
     'quantity': 1 
 
    }, { 
 
     'sku': 'sku3', 
 
     'name': 'name3', 
 
     'brand': 'Unbranded', 
 
     'category': 'xxxx', 
 
     'price': 5.00, 
 
     'price_ex': 4.20, 
 
     'image': 'xxx_image3.jpg', 
 
     'url': 'url3-p1448', 
 
     'quantity': 1 
 
    }, { 
 
     'sku': 'sku4', 
 
     'name': 'name4', 
 
     'brand': 'Unbranded', 
 
     'category': 'xxxx', 
 
     'price': 5.00, 
 
     'price_ex': 4.20, 
 
     'image': 'xxx_image4.jpg', 
 
     'url': 'url4-p1448', 
 
     'quantity': 1 
 
    }], 
 
    'transactionProductCount': 4, 
 
    'transactionDiscount': 0, 
 
    'transactionDiscountNet': 0, 
 
    'transactionDiscountTax': 0 
 
    }); 
 
</script>

我创建通过transactionProducts阵列下面javascript函数环路，推动所有url值的成一个名为productUrls的数组：

function getProductUrls() { 
 
    var productUrls = [] 
 
    var numberProducts = dataLayer[0].transactionProductCount 
 
    for (var i = 0; i < numberProducts; i++) { 
 
    productUrls.push(dataLayer[0].transactionProducts[i].url) 
 
    } 
 
    return productUrls 
 
}

现在，当我打电话getProductUrls()功能，它将按预期工作和推动值到productUrls排列如下：

['url1-p2180','url2-p2180','url3-p1448', 'url4-p1448']

我想acheive是这个数组（最好） - 或新的数组（如果更容易） - 只包含紧跟在“-p”后面的数字，如下所示。

['2180','2180','1448','1448']

我所有的产品网址与“-p”，然后任意数量的数字结束。

我想过使用正则表达式替换值productUrls.replace(/.+\-p/g, '')，但它不工作，我怀疑replace仅仅处理字符串，而不是数组的作品。

我怀疑使用forEach功能，正则表达式阵列内更换每个项目的工作，但我在所有的尝试都惨遭失败使用的。

任何帮助将不胜感激，因为我有点JavaScript的新手。

Answer 1

您通常使用Array#map重新映射你的价值观，以一个新的数组：

productUrls.map(v=>v.replace(/.+\-p/,'')) 

的Array#forEach版本是这样的：

processingUrls.forEach((v,i,a)=>a[i]=v.replace(/.+\-p/,'')) 

回调参数如下：

• v - 用于当前va略
• 我 - 为价值指数
• 一个 - 的阵列的forEach被施加到（即processingUrls）

从而a[i]=...将取代当前处理的阵列元件，用一个新值。

请注意，在大多数情况下（代码风格/安全原因），使用map()仍然更可取。

Answer 2

我建议你在最后捕获数字模式。 试试这个：

function getProductUrls() { 
    var productUrls = [] 
    var numberProducts = dataLayer[0].transactionProductCount 
    for (var i = 0; i < numberProducts; i++) { 
    var myRegexp = /url[0-9]+\-p([0-9]+)/g; 
    url = dataLayer[0].transactionProducts[i].url; 
    var match = myRegexp.exec(url); 
    productUrls.push(match[1]) 
    } 
    return productUrls 
}