JS 실습-1

minkyeongJ·2022년 5월 5일
0

코드라이언FE

목록 보기
22/23

문제 및 풀이

    // 1. user의 id와 name, age를 가진 새로운 array를 만들어주세요.
    // 2. user의 age가 27 이상인 사람의 데이터를 id만 추출해주세요.
    // 3. id가 6271fd40e30856d15651c60c 인 사람의 name만 추출해주세요.
    // 4. (더 나아가기) user의 평균 나이를 구해주세요.
    // 5. (더 나아가기) user의 성비를 구해주세요.
    // -------------------------------------------------------

    const arr = [
        {
            "_id": "6271fd40fe5c58d4cbd3a72f",
            "index": 0,
            "guid": "60f843d2-1b6b-4536-b421-e5df1c4ab735",
            "isActive": true,
            "balance": "$2,534.11",
            "picture": "http://placehold.it/32x32",
            "age": 27,
            "eyeColor": "brown",
            "name": "Miranda Nguyen",
            "gender": "male",
            "company": "ZENTIA",
            "email": "mirandanguyen@zentia.com",
            "phone": "+1 (833) 466-3207",
            "address": "198 Dank Court, Hartsville/Hartley, Indiana, 8416",
            "about": "Consectetur proident anim do commodo ipsum. Elit consectetur irure dolore voluptate. Enim aute voluptate et qui do. Eu pariatur laboris labore esse enim reprehenderit mollit ullamco fugiat. Laborum sunt veniam consectetur laboris cupidatat. Lorem tempor occaecat labore ut et eiusmod amet.\r\n",
            "registered": "2021-06-16T11:50:54 -09:00"
        },
        {
            "_id": "6271fd40e30856d15651c60c",
            "index": 1,
            "guid": "ee647592-0647-4ad5-96b1-eb6c06a32dbd",
            "isActive": true,
            "balance": "$2,636.22",
            "picture": "http://placehold.it/32x32",
            "age": 35,
            "eyeColor": "blue",
            "name": "Florence Flynn",
            "gender": "female",
            "company": "ELENTRIX",
            "email": "florenceflynn@elentrix.com",
            "phone": "+1 (901) 525-3731",
            "address": "246 Billings Place, Brandermill, Guam, 5037",
            "about": "Sint non dolore cupidatat voluptate laboris adipisicing eu quis. Laboris nostrud qui dolor cillum dolor nulla sint culpa est reprehenderit sint ipsum nisi excepteur. Qui cupidatat sint do aliquip ut. Officia est aliquip fugiat ex enim do sunt consequat.\r\n",
            "registered": "2014-12-10T08:44:47 -09:00"
        },
        {
            "_id": "6271fd404394e16d79143873",
            "index": 2,
            "guid": "3d3890ff-8241-4a2b-a361-789e0298817a",
            "isActive": false,
            "balance": "$1,047.32",
            "picture": "http://placehold.it/32x32",
            "age": 25,
            "eyeColor": "green",
            "name": "Debbie Pratt",
            "gender": "female",
            "company": "OPTIQUE",
            "email": "debbiepratt@optique.com",
            "phone": "+1 (831) 537-3188",
            "address": "737 Quentin Street, Calpine, Louisiana, 9102",
            "about": "Officia nisi labore mollit cupidatat exercitation commodo duis adipisicing officia amet laborum. Nulla qui commodo aliqua reprehenderit dolore cupidatat esse ea pariatur sint ad dolore. Exercitation duis veniam velit occaecat est irure quis labore occaecat.\r\n",
            "registered": "2016-09-19T10:00:38 -09:00"
        }
    ];

    // 1. user의 id와 name, age를 가진 새로운 array를 만들어주세요.
    const prob1 = arr.map(el =>{
        return{
            "_id": el._id,
            "name": el.name,
            "age": el.age
        }
    });
    console.log("Q1=============================");
    console.log(prob1);


    // 2. user의 age가 27 이상인 사람의 데이터를 id만 추출해주세요.
    // map()을 사용하면 arr의 크기만큼 return한다.
    const prob2 = arr.filter(el =>{
        if(el.age >= 27){
            return el._id;
        }
    }).map(el => el._id);
    console.log("Q2=============================");
    console.log(prob2);

    //3. id가 6271fd40e30856d15651c60c 인 사람의 name만 추출해주세요.
    const prob3 = arr.filter(el=>{
        val = el._id === '6271fd40e30856d15651c60c';
        return val;
    }).map(el=>el.name);

    console.log("Q3=============================");
    console.log(prob3);

    //4. (더 나아가기) user의 평균 나이를 구해주세요.
    const prob4 = arr.reduce((sum, now)=>{
        return sum+now.age;
    }, 0)/arr.length;
    console.log("Q4=============================");
    console.log(prob4);

    // 5. (더 나아가기) user의 성비를 구해주세요.
    // 남/여 수를 count해서 저장
    let male = 0;
    let female = 0;
    arr.forEach(el => {
        if(el.gender === 'male'){
            male = male+1;
        }else if(el.gender === 'female'){
            female = female+1;
        }
    })
    const prob5 = `male:female = ${male}:${female}`;
    console.log("Q5=============================");
    console.log(prob5);

결과

    Q1=============================
    [
      { _id: '6271fd40fe5c58d4cbd3a72f', name: 'Miranda Nguyen', age: 27 },
      { _id: '6271fd40e30856d15651c60c', name: 'Florence Flynn', age: 35 },
      { _id: '6271fd404394e16d79143873', name: 'Debbie Pratt', age: 25 }
    ]
    Q2=============================
    [ '6271fd40fe5c58d4cbd3a72f', '6271fd40e30856d15651c60c' ]
    Q3=============================
    [ 'Florence Flynn' ]
    Q4=============================
    29
    Q5=============================
    male:female = 1:2
profile
멋진 프론트엔드 개발자를 위하여!

0개의 댓글