드림코딩 : JS -9. array API 총정리

// Q1. make a string out of an array ('ㅡ,ㅡ,ㅡ'형태로 묶어라)
{
    const fruits = ['apple', 'banana', 'orange'];
    const result = fruits.join(',');
    console.log(result);
}
 
 
 
// Q2. make an array out of a string 
{
    const fruits = '🍎, 🥝, 🍌, 🍒';
    const result = fruits.split(',');
    console.log(result);
}
 
// Q3. make this array look like this: [5, 4, 3, 2, 1]
{
    const array = [1, 2, 3, 4, 5];
    const result = array.reverse();
    console.log(result);
    console.log(array);  //원래 배열 자체도 순서 바뀜
}
 
// Q4. make new array without the first two elements
{
    const array = [1, 2, 3, 4, 5];
    //const result = array.splice(0,2);  //원래 배열을 변형시킨다 != new array
    //console.log(result);  //[1,2], 뺀 값을 보여준다
    //console.log(array);  //[3,4,5], 원래 배열 자체에는 남아있는 것
    
    const result = array.slice(2, 5);  //2~4인덱스 원하는 부분만 받아온다, new array
    console.log(result); //[3,4,5], 새로운 배열
    console.log(array); //[1,2,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
{
    const result = students.find((student) => student.score === 90); //한줄로 작성한다, arrow function
    //find함수는 callback함수 전달해서 첫번째 true값이 나오면 멈추고 값을 return한다
    console.log(result); //점수가 90점인 Student array가 리턴된다
}
 
// Q6. make an array of enrolled students
{
    const result = students.filter((student) => student.enrolled);
    //filter함수는 callback함수 전달해서 true인 값들만 모아서 새로운 배열을 만든다
    console.log(result); //총 3명의 배열이 나온다
}
 
// Q7. make an array containing only the students' scores
// result should be: [45, 80, 90, 66, 88]
{
    const result = students.map((student) => student.score);
    //map함수는 배열 안의 요소 한가지 한가지를 다른 요소로 변환한다, callback함수에서 가공되어진 값으로 리턴한다, student.score *2 해도 된다
    //callback 함수에서 인자는 이해하기 쉽게 정한다. student O, value X
    console.log(result);
}
 
// Q8. check if there is a student with the score lower than 50
{
    console.clear();
    const result = students.some((student) => student.score < 50);
    //some함수는 배열 요소 중 하나라도 조건 충족하면 true이다
    console.log(result);  //true 
 
    const result2 = !students.every((student) => student.score >= 50);
    //every함수는 배열 요소 모두가 조건 충족하면 true이다
    //복잡하다, !을 붙이면 반대의 값이 나온다 ex. false이면 true로 나온다
    console.log(result2);  
}
 
// Q9. compute students' average score
{   
    console.clear()
    const result = students.reduce((prev, curr) => {
    //reduce함수는 callback, initial-value 전달한다
    //reduce함수는 배열 안에 들어있는 모든 요소만다 호출된다, filter, some, every와 비슷하다
    //callback 리턴할 때, 누적된 값 리턴한다
    //reduce함수는 원하는 시작점부터 모든 배열을 돌면서 값을 누적할 때 쓰인다
    //reduceRight는 거꾸로 호출할 때 사용한다
        console.log('--------');  //구분선
        console.log(prev);
        //prev는 이전에 callback 함수에서 리턴된 값이 전달된다
        console.log(curr);
        //curr는 배열의 아이템을 순차적으로 전달받는다
        return prev + curr.score; //리턴을 해줘야한다
        //이전 값 + 현재의 점수, 누적해서 더해진다
    },0); //initial-value 추가하면 이 값(원하는 값)부터 시작한다
    console.log(result);
}
 
{
    console.clear();
    const result = students.reduce((prev, curr) => prev + curr.score, 0); //간단하게 한줄로 만든다
    console.log(result / students.length);  //평균값은 학생수로 나눈다
}
 
 
// Q10. make a string containing all the scores
// result should be: '45, 80, 90, 66, 88'
{
    const result = students
    .map((student) => student.score)
    //.filter((score) => score >= 50)  //점수가 50점 이상만 필터링
    .join();  //API 섞어서 호출 가능, 묶어 쓰면 가독성 좋아짐
    console.log(result);
}
 
// Bonus! do Q10 sorted in ascending order
// result should be: '45, 66, 80, 88, 90'
{
    const result = students.map((student) => student.score)
    .sort((a,b) => a-b) //a(이전값)-b(현재값)가 음수이면 a가 b보다 작은 순서대로 정렬된다 
    .join();
    console.log(result);
}
 
 

 

 

콘솔 출력값