选择数组内所有对象的键值[重复]

Question

我有这个代码：

<script>
  fbq('track', 'InitiateCheckout', {
    content_ids: {{orderFormProducts}},
    content_type: 'product'
  });
</script>

这给了我整个数组：

content_ids: [
               {
                 "id":"1",
                 "name": "product name",
                 "sku": "10",
                 "skuName": "sku name"
               },
               {
                 "id": "2",
                 "name": "product name",
                 "sku":"20",
                 "skuName": "sku name"
               }
             ]

我需要的是只获取该数组内所有对象的sku 值，如下所示：

content_ids: ["10", "20"]

如果我使用{{orderFromProducts}}[0].sku，我可以从索引为 0 的对象中获取 sku 值，但我需要像前面提到的那样从数组内的所有对象中获取值，而 {{orderFromProducts}}.sku 不起作用。

有什么想法吗？

Answer 1

使用array map。

orderFromProducts.map(function(product) {
  return product.sku;
})

Answer 2

您可以使用.map() 创建一个填充有sku 值的新数组。

let content_ids = [{
    "id": "1",
    "name": "product name",
    "sku": "10",
    "skuName": "sku name"
  },
  {
    "id": "2",
    "name": "product name",
    "sku": "20",
    "skuName": "sku name"
  }
];

let skus = content_ids.map(x=>x.sku);

console.log(skus);

对于像 IE 7 这样的老式浏览器，请改用 for。

var content_ids = [{
    "id": "1",
    "name": "product name",
    "sku": "10",
    "skuName": "sku name"
  },
  {
    "id": "2",
    "name": "product name",
    "sku": "20",
    "skuName": "sku name"
  }
];

var skus = [];
for (var i = 0, len = content_ids.length; i < len; i++) {
  skus.push(content_ids[i].sku);
}


console.log(skus);

Answer 3

content_ids.map(el=>el.sku);

在你问之前请http://google.it，你可能已经找到了 https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Global_Objects/Array/map.