在 ES6 中访问数组对象属性，

Question

朋友，希望你在那边一切都好。拜托，我想知道如何访问数组对象中的某些特定值！我正在使用 Redux 设计一个应用程序，我能够检索到第一个数组对象值，但最后一个比前一个更复杂的数组对象让人头疼。有人可以帮我吗。下面是对象：

{
    [
        [{
            "id": 1,
            "full_name": "jack",
            "email": "carl@gmail.com",
            "phone": "2123309",
            "dob": "2008-06-12",
            "location": "VAUGHAN",
            "user_id": 1,
            "created_at": "2021-10-02T09:10:04.000000Z",
            "updated_at": "2021-10-02T12:16:57.000000Z"
        }],
        [{
            "id": 1,
            "price": "432.00",
            "order_type": "Car Parking",
            "currency": "USD",
            "paid": 0,
            "amount_paid": "432.00",
            "overdue": "0.00",
            "client_id": 1,
            "user_id": 1,
            "created_at": "2021-10-02T09:10:26.000000Z",
            "updated_at": "2021-10-02T09:46:00.000000Z"
        }, {
            "id": 2,
            "price": "2500.00",
            "order_type": "Ramp",
            "currency": "USD",
            "paid": 0,
            "amount_paid": "2030.00",
            "overdue": "470.00",
            "client_id": 1,
            "user_id": 1,
            "created_at": "2021-10-02T09:48:07.000000Z",
            "updated_at": "2021-10-02T10:14:22.000000Z"
        }, {
            "id": 9,
            "price": "893.00",
            "order_type": "Shipping",
            "currency": "CAD",
            "paid": 0,
            "amount_paid": "765.00",
            "overdue": "128.00",
            "client_id": 1,
            "user_id": 1,
            "created_at": "2021-10-02T10:46:45.000000Z",
            "updated_at": "2021-10-02T10:54:06.000000Z"
        }, {
            "id": 21,
            "price": "250.00",
            "order_type": "Storage rent",
            "currency": "USD",
            "paid": 0,
            "amount_paid": "0.00",
            "overdue": "250.00",
            "client_id": 1,
            "user_id": 1,
            "created_at": "2021-10-03T08:33:13.000000Z",
            "updated_at": "2021-10-03T08:33:13.000000Z"
        }]
    ]
}

要访问 FULL_NAME 我做了 :

client.data.map((client) => client[0].full_name)

如果我尝试使用 [1] 访问第二个数组，它让我无法访问属性.

现在我想在这里做两件事，获取第二个数组的长度，并能够遍历该数组。另外，我如何访问该对象中的特定值，假设我想在对象 2 中检索 AMOUNT_PAID。有什么想法吗？

Answer 1

您可以 map 遍历索引 [1] 处的数组，并使用 .length 获取结果数组的长度。

const data = [
  [{
    "id": 1,
    "full_name": "jack",
    "email": "carl@gmail.com",
    "phone": "2123309",
    "dob": "2008-06-12",
    "location": "VAUGHAN",
    "user_id": 1,
    "created_at": "2021-10-02T09:10:04.000000Z",
    "updated_at": "2021-10-02T12:16:57.000000Z"
  }],
  [{
    "id": 1,
    "price": "432.00",
    "order_type": "Car Parking",
    "currency": "USD",
    "paid": 0,
    "amount_paid": "432.00",
    "overdue": "0.00",
    "client_id": 1,
    "user_id": 1,
    "created_at": "2021-10-02T09:10:26.000000Z",
    "updated_at": "2021-10-02T09:46:00.000000Z"
  }, {
    "id": 2,
    "price": "2500.00",
    "order_type": "Ramp",
    "currency": "USD",
    "paid": 0,
    "amount_paid": "2030.00",
    "overdue": "470.00",
    "client_id": 1,
    "user_id": 1,
    "created_at": "2021-10-02T09:48:07.000000Z",
    "updated_at": "2021-10-02T10:14:22.000000Z"
  }, {
    "id": 9,
    "price": "893.00",
    "order_type": "Shipping",
    "currency": "CAD",
    "paid": 0,
    "amount_paid": "765.00",
    "overdue": "128.00",
    "client_id": 1,
    "user_id": 1,
    "created_at": "2021-10-02T10:46:45.000000Z",
    "updated_at": "2021-10-02T10:54:06.000000Z"
  }, {
    "id": 21,
    "price": "250.00",
    "order_type": "Storage rent",
    "currency": "USD",
    "paid": 0,
    "amount_paid": "0.00",
    "overdue": "250.00",
    "client_id": 1,
    "user_id": 1,
    "created_at": "2021-10-03T08:33:13.000000Z",
    "updated_at": "2021-10-03T08:33:13.000000Z"
  }]
]

const result = data[1].map(x => x.amount_paid);
const resultLength = result.length;

console.log("Result: ", result);
console.log("Length: ", resultLength);

在 ES6 中访问数组对象属性，

Accessing Array Object property in ES6,

javascript

arrays

ecmascript-6

redux

react-redux

在 ES6 中访问数组对象 属性，

Accessing Array Object property in ES6,

javascript

arrays

ecmascript-6

redux

react-redux

在 ES6 中访问数组对象属性，