Как манипулировать данными массива, полученными от вызова ajax

Question

Итак, я пытаюсь заполнить несколько карточек из bootstrap информацией, полученной от звонка ajax, функция для звонка работает, и она регистрируется, чтобы я мог видеть массив информации, возвращающейся, теперь мой вопрос: как бы я go сделал этот массив, который я получаю, в новый массив, с которым я могу работать? возможно var newPeopleArray?

function startUp() {

        console.log("startup is running");
        getPeople()
    }

    //var newPeopleArray = ?????????

    var getPeople = function () {

        var url = " TOOK OFF FOR THIS ";

        var settings = {
            cache: false
            , contentType: "application/json; charset=utf-8"
            , dataType: "json"
            , success: (function (data) {
                console.log(data, "success!")
            })
            , error: (function () {
                console.log("error");
            })
            , type: "GET"
            , headers: { 'TOOK': 'OFF' }
        };

        $.ajax(url, settings);
    }

    var renderNames = (peopleArray) => {

        for (let myIndex = 0; myIndex < peopleArray.length; myIndex++) {

            const currentName = peopleArray[myIndex];

            console.log(currentName)
        }
    }

Это то, что я получаю после звонка

{item: {…}, isSuccessFul: true, transactionId: "6b155adf-4d2b-4beb-850d-d5405ec345a3"}
     item:
pageIndex: 1
pageSize: 5
totalCount: 1000
totalPages: 200
pagedItems: Array(5)
0: {gender: "female", name: {…}, location: {…}, email: "christine.reyes@example.com", dob: "1982-06-21 02:25:03", …}
1: {gender: "male", name: {…}, location: {…}, email: "keith.morgan@example.com", dob: "1956-10-14 23:19:29", …}
2: {gender: "female", name: {…}, location: {…}, email: "carolyn.jensen@example.com", dob: "1979-01-08 10:26:48", …}
3: {gender: "female", name: {…}, location: {…}, email: "kathryn.silva@example.com", dob: "1980-07-19 11:36:25", …}
4: {gender: "female", name: {…}, location: {…}, email: "georgia.parker@example.com", dob: "1991-04-08 12:50:27", …}
length: 5

Я просто хочу получить имя, адрес электронной почты и достаньте из массива, который я получу, или создайте новый массив, который был бы идеальным, или есть способ заполнить компонент bootstrap информацией непосредственно из вызова ajax?

Извините, если я не очень разбираюсь в своем вопросе, довольно плохо знаком с программированием, поэтому иногда даже трудно задать вопрос. Спасибо за любую помощь!

это единственное, что у меня есть для настоящего сайта с bootstrap

<div class="main container">

    <div class="row ">
        <div class="col-4">
            <div class="card first" style="width: 18rem;">
                <img src="" class="card-img-first" alt="">
                <div class="card-body">
                    <h5 class="card-title">Card title</h5>
                    <p class="card-text"> make up the bulk of
                        the card's content.</p>
                    <a href="#" class="btn btn-primary">Go somewhere</a>
                </div>
            </div>
        </div>

        <div class="col-4 ">
            <div class="card second" style="width: 18rem;">
                <img src="" class="card-img-second" alt="">
                <div class="card-body second">
                    <h5 class="card-title">Card title</h5>
                    <p class="card-text"> make up the bulk of
                        the card's content.</p>
                    <a href="#" class="btn btn-primary">Go somewhere</a>
                </div>
            </div>
        </div>

        <div class="col-4 ">
            <div class="card third" style="width: 18rem;">
                <img src="" class="card-img-third" alt="">
                <div class="card-body">
                    <h5 class="card-title">Card title</h5>
                    <p class="card-text"> make up the bulk of
                        the card's content.</p>
                    <a href="#" class="btn btn-primary">Go somewhere</a>
                </div>
            </div>
        </div>
    </div>

</div>

Answer 1

Если вы получаете JSON обратно в виде строки, то вам нужно будет проанализировать его обратно в форму.

let jsonData = JSON.parse( data );

//  example usage of the JSON object
if ( jsonData[0].gender === "female" ) {
    let firstGender = 1;
} else {
    let firstGender = 0;
}