将对象的属性访问到嵌套数组中 - Javascript

Question

我想从以下数组中检索所有文本（文本 1、文本 2....）：

[
    {
    "reviews": 
    [
      {
        "_id": "5e84239d6e24358b50f3fe4e",
        "text": "My text 1"
      },
      {
        "_id": "5e8423a46e24358b50f3fe4f",
        "text": "My text 2"
      }
    ]
  },
  {
    "reviews": 
    [
      {
        "_id": "5e84239d6e24358b50f3fe4e",
        "text": "My text 3"
      },
      {
        "_id": "5e8423a46e24358b50f3fe4f",
        "text": "My text 4"
      }
    ]
  },
  {
    "reviews": 
    [
      {
        "_id": "5e84239d6e24358b50f3fe4e",
        "text": "My text 5"
      },
      {
        "_id": "5e8423a46e24358b50f3fe4f",
        "text": "My text 6"
      }
    ]
  }
]  

这个数组存储在一个名为stores 的变量中。

我尝试了以下方法：

const listText = stores.map(count => count.reviews.text // [null, null, null]
const listText = stores.map((count, i) => count.reviews[i].text) // 无法读取 undefined 的属性 'text'
const listText = stores.forEach((key, i) => key.reviews[i].text) // 无法读取 undefined 的属性 'text'

你能帮帮我吗？ 非常感谢

Answer 1

你不能使用count.reviews.text，因为reviews是一个数组，所以你还应该遍历reviews：

const data = [
{
"reviews": 
[
  {
    "_id": "5e84239d6e24358b50f3fe4e",
    "text": "My text 1"
  },
  {
    "_id": "5e8423a46e24358b50f3fe4f",
    "text": "My text 2"
  }
]
  },
  {
"reviews": 
[
  {
    "_id": "5e84239d6e24358b50f3fe4e",
    "text": "My text 3"
  },
  {
    "_id": "5e8423a46e24358b50f3fe4f",
    "text": "My text 4"
  }
]
  },
  {
"reviews": 
[
  {
    "_id": "5e84239d6e24358b50f3fe4e",
    "text": "My text 5"
  },
  {
    "_id": "5e8423a46e24358b50f3fe4f",
    "text": "My text 6"
  }
]
  }
]  

const listText = data.reduce((acc,current) => acc.concat(current.reviews.map(it => it.text)), [])

console.log(listText)

Answer 2

地图和平面：

const data = [ 
{ "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 1" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 2" } ] }, 
{ "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 3" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 4" } ] }, 
{ "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 5" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 6" } ] } ] 
console.log(
  data.map(items => items.reviews.map(review => review.text)).flat()
)

Answer 3

在下面试试这个：

let output = [];
            input.map(function (item_1) {
                item_1.reviews.map(function (item_2) {
                  output.push(item_2.text);
                })
            });

Answer 4

使用.flatMap()，您可以遍历每个对象，然后.map() 将每个对象的reviews 数组复制到包含文本属性的数组中。 .flatMap() 允许您将所有内部映射数组结果展平到一个更大的结果数组中。

const stores = [ { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 1" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 2" } ] }, { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 3" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 4" } ] }, { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 5" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 6" } ] } ];

const res = stores.flatMap((o) => o.reviews.map(({text}) => text));
console.log(res);

如果你不能支持.flatMap()，你总是可以使用.map()映射到一个数组数组，然后在使用.concat()和spread syntax（...）之后将其展平：

const stores = [ { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 1" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 2" } ] }, { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 3" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 4" } ] }, { "reviews": [ { "_id": "5e84239d6e24358b50f3fe4e", "text": "My text 5" }, { "_id": "5e8423a46e24358b50f3fe4f", "text": "My text 6" } ] } ];

const res = [].concat(...stores.map((o) => o.reviews.map(({text}) => text)));
console.log(res);