# 유용한 10가지 배열 함수들

### join, split , slice , find, filter, map ,reduce, sort

```javascript
     // Q1. make a string out of an array
    // join() 배열에 있는 모든 아이들을 더해서 구분자를 이용하여 string으로 리턴해줌 
    {
        const fruits = ['apple', 'banana', 'orange'];
        const result = fruits.join('|'); // 구분자를 원하는 방식으로 지정할 수 있다.
        console.log(result); // apple|banana|orange
    }

    // Q2. make an array out of a string
    // split() separator(구분자) 또는 limit을 전달 받아 배열로 만들어준다.
    {
        const fruits = '🍎, 🥝, 🍌, 🍒';
        const result = fruits.split(',', 2); // limit(숫자만큼) 배열요소가 출력됨
        console.log(result); // [ '🍎, 🥝]
    }

    // Q3. make this array look like this: [5, 4, 3, 2, 1]
    // reverse() 배열 자체를 변화시킨다 리턴값도 변화시킴.
    {
        const array = [1, 2, 3, 4, 5];
        const result = array.reverse();
        console.log(result); // [5, 4, 3, 2, 1]
    }

    // Q4. make new array without the first two elements
    // slice() 배열에서 원하는 특정한부분만 리턴해줌 
    {
        const array = [1, 2, 3, 4, 5];
        const result = array.slice(2, 5); // 2부터 5까지(마지막은 배제) 인덱스 2,3,4 를 선택
        console.log(result); // [3 , 4 , 5]
        console.log(array); // [1, 2, 3, 4, 5]

        // splice() 배열 자체를 수정함
        const result2 = array.splice(0, 2);
        console.log(result2); // [1,2]
        console.log(array); // [3,4,5]
    }

    class Student {
        constructor(name, age, enrolled, score) {
            this.name = name;
            this.age = age;
            this.enrolled = enrolled;
            this.score = score;
        }
    }
    const students = [
        new Student('A', 29, true, 45),
        new Student('B', 28, false, 80),
        new Student('C', 30, true, 90),
        new Student('D', 40, false, 66),
        new Student('E', 18, true, 88),
    ];

    // Q5. find a student with the score 90
    // find() this , value, index, obj 4가지의 인자가 전달되고, 콜백함수를 받음 
    // 배열의 모든 요소마다 호출이됨 -> true 가 되었을때 return을 멈춤
    {
        const result = students.find((Student) => Student.score === 90);
        console.log(result); // Student {name: "C", age: 30, enrolled: true, score: 90}
    }

    // Q6. make an array of enrolled students
    // 수업에 등록한 학생 찾기
    // fliter() 콜백함수를 전달 해서 true인 것들만 모아서 새로운 배열을 전달한다.
    {
        const result = students.filter((Student) => Student.enrolled === true);
        console.log(result); // enrolled값이 true인것들만 출력됨
    }

    // Q7. make an array containing only the students' scores
    // result should be: [45, 80, 90, 66, 88]
    //map() 배열안에 들어있는 모든요소들을 우리가 전달한 콜백함수를 호출 하면서  콜백함수에서 리턴되어진값으로 대체하는것
    {
        const result = students.map((Student) => Student.score);
        console.log(result); //[45, 80, 90, 66, 88]
    }

    // Q8. check if there is a student with the score lower than 50
    // 점수가 50점보다 낮은 학생은? 
    // some() 배열의 요소중에 콜백함수 리턴값이 true가 있는지 확인해줌 (배열중에 어떤것이라도 하나 만족하는것을 확인할때)
    // every() 배열의 모든요소가 조건이 충족되어야지만 true가 리턴됨 (배열의 모든것이 맞는지 틀린지 확인할떄 )
    {
        console.clear();
        const result = students.some((Student) => Student.score < 50);
        console.log(result); // true

        const result2 = !students.every((Student) => Student.score >= 50);
        console.log(result2); // true 
    }

    // Q9. compute students' average score
    // reduce() 콜백함수를 전달하고 콜백함수의 리턴값은 누적된값이 리턴이됨 ->  배열에 있는 모든 요소의 값을 누적함
    // reduceRight() 배열의 뒤에서 부터 시작됨
    {
        const result = students.reduce((prev, curr) => prev + curr.score, 0);
        console.log(result / students.length); //73.8
        //prev -> 이전에 콜백함수에서 리턴된 값이 전달되어옴 
        //curr -> 배열의 아이템을 순차적으로 전달 받는다.

    }

    // Q10. make a string containing all the scores
    // result should be: '45, 80, 90, 66, 88'
    // 학생들의 모든 점수를 string으로 변환 
    // API를 섞어서 사용 가능하다 점수만 maping 한후에 -> fliter로 50점 이상인 애들만 묶어서 ->join 으로 string 전환
    {
        const result = students.map((Student) => Student.score)
            .filter((score) => score >= 50)
            .join();
        console.log(result);
    }

    // Bonus! do Q10 sorted in ascending order
    // result should be: '45, 66, 80, 88, 90'
    // sort() 문자, 숫자, Object 정렬 하는 내장 함수 
    {
        const result = students.map((Student) => Student.score)
            .sort((a, b) => a - b) // ((a, b) => b - a) -> 점수가 높은것부터 정렬됨
            .join();
        console.log(result); // 45,66,80,88,90

    }
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://leeboa.gitbook.io/study/_/10.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.