Javascript [ Map , 학생 점수 표현 ]

Map()

• 배열명.map(function(){})
• 배열의 메소드
• 반복문을 돌며 배열 안의 요소들을 1:1 로 짝지어 새로운 배열 생성

const 배열명 = [1,2,3,4,5];

const bool_arr = 배열명.map(function(item, index, array){
	return item >= 3;
});
// 또는 (function, 사용하지 않는 파라미터 생략 가능)
const bool_arr1 = 배열명.map(item => {return item >= 3;});
// 또는 ( return , ; 생략 가능)
const bool_arr2 = 배열명.map(item => item >= 3);

console.log(bool_arr);
// (5) [false, false, true, true, true]

---

Map 을 이용한 학생 점수 표현

const arr_student = [{hakbun:"1", kor:90, eng:80, math:70}
                , {hakbun:"2", kor:100, eng:90, math:90}
                , {hakbun:"3", kor:86, eng:67, math:56}];

// === 총점 === //
const arr_total = arr_student.map(item => {
  	return item.kor + item.eng + item.math;
});

// === 평균 (소수점 첫째자리까지 표현) === //
const arr_avg = arr_total.map(item => (item/3).toFixed(1));
console.log(typeof arr_avg);	// string 타입

// === 학점 === //
const arr_grade = arr_avg.map(item => {
	const n_item = Number(item);	// number 타입
  	
  	let grade;
  	if(n_item >= 90){
    	grade = 'A';
    }
  	else if(n_item >= 80){
    	grade = 'B';
    }
  	else if(n_item >= 70){
    	grade = 'C';
    }
  	else if(n_item >= 60){
    	grade = 'D';
    }
  	else{
    	grade = 'F';
    }
  
  	return grade;
});

---

정리

• 09_javascriptStandardObject
  -> 01_Array_class -> 02_map_children.html, 02.css, 02.js