csl console.log 설정 단축키 하는법 코드
{
// Place your snippets for javascript here. Each snippet is defined under a snippet name and has a prefix, body and
// description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
// $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
// same ids are connected.
// Example:
"Print to console": {
"prefix": "csl",
"body": [
"console.log($1);",
],
"description": "Log output to console"
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="#" type="image/x-icon">
<title>객체 실습</title>
</head>
<body>
<h1>객체 실습</h1>
<h2>실습1</h2>
실습. myObj의 addArr메서드를 3번 실행시켰더니
myObj의 arr 속성 배열에 '홍길동', '유관순', '이순신' 이라는 문자열이
차례대로 담겼다. 위의 문구처럼 문자열이 담길 수 있도록 메서드 내의 코드를 완성하시오.
<script type="text/javascript">
const myObj = {
arr : [],
addArr(name) {
this.arr.push(name);
return this;
}
}
myObj.addArr('홍길동')
.addArr('유관순')
.addArr('이순신');
console.log(myObj.arr);
</script>
<h2>실습2</h2>
실습. 자동차 주행시 주행내역과 총주행 거리를 구하시오. <br>
위 문구대로 실행될 수 있도록 코드를 완성하고 결괏값을 출력하시오.
<script type="text/javascript">
const car = {
color : 'red',
model : 'K5',
moveHistory : [],
totalMove : 0,
move(num) {
this.moveHistory.push(num);
this.totalMove += num;
return this;
},
getTotalMove(){
// for(let km of this.moveHistory){
// this.totalMove += km;
// }
return this.totalMove;
}
}
car.move(50).move(100).move(70);
console.log(`주행내역: ${car.moveHistory}`);
console.log(`총 주행거리: ${car.getTotalMove()}km`);
</script>
<!-- 객체는 데이터 저장소에 객체 하나당 한행씩 담을 수 있다. -->
<h2>실습3</h2>
실습. nObj의 getAvg메서드를 호출 하였더니 nObj의 nArr 배열 속성 요소의
평균값이 리턴되었다. 위 문구대로 실행될 수 있도록 코드를 완성하고 결괏값을 출력하시오.
<script type="text/javascript">
const nObj = {
nArr : [10,20,30,40,50],
getAvg() {
let sum = 0;
let avg = 0;
for(let num of this.nArr){
sum += num;
avg = (sum / this.nArr.length);
}
return avg;
}
}
console.log(nObj.getAvg());
</script>
<h3>실습4</h3>
실습. getMaxScoreStudent 메서드 호출 시 최고의 점수를 받은 학생의 명을 리턴하고
그 결괏값을 출력하도록 하시오.
<script type="text/javascript">
const studentObj = {
score : [
{studentName : '홍길동', score : 30},
{studentName : '이순신', score : 60},
{studentName : '유관순', score : 80},
{studentName : '고길동', score : 70},
{studentName : '홍길순', score : 80}
],
getMaxScoreStudent() {
let maxScore = this.score[0].score;
for(let i = 1; i < this.score.length; i++) {
let tagetScore = this.score[i].score;
if(maxScore < tagetScore) {
maxScore = tagetScore;
}
}
let maxScoreStudent = '';
let isFirst = true;
for(let studentInfo of this.score) {
if(studentInfo.score == maxScore) {
if(isFirst) {
maxScoreStudent += studentInfo.studentName;
isFirst = false;
continue;
}
maxScoreStudent += `, ${studentInfo.studentName}`;
}
}
return maxScoreStudent;
}
};
console.log(studentObj.getMaxScoreStudent());
</script>
<h2>실습5</h2>
실습. 아래의 실행코드에서 에러가 발생하지 않도록 메서드 내의 코드를 완성하시오.
<script type="text/javascript">
const numObj = {
nArr : [],
addN(num) {
this.nArr.push(num);
return this;
},
sum() {
let total = 0;
for(let arrHap of this.nArr) {
total += arrHap;
}
return total;
}
}
let n = numObj.addN(10).addN(10).addN(10).addN(10).addN(10).sum();
console.log(n, '50 결괏값');
</script>
<h2>실습6</h2>
실습. 아래는 구매에 따른 마일리지 적립 서비스이다. 실행코드에서 에러가 발생하지 않도록 메서드 내의 코드를 완성하시오.<br>
조건. 구매에 따른 내역이 히스토리에 등록되어야한다.(프로퍼티명: history)
<script type="text/javascript">
/*
현재날짜)
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
let currentDate = `${year}-${month}-${day} ${time}`;
예시:)
mileageService.addMileage('id001',100000);
mileageService.addMileage('id002',90000);
mileageService.addMileage('id001',110000);
mileageService.addMileage('id003',80000);
mileageService.addMileage('id004',50000);
console.log(mileageService.addMileage('id001',100000).getMemberInfo('id001'));
console.log(mileageService.getMemberInfo('id002'));
console.log(mileageService.getMemberInfo('id003'));
console.log(mileageService.getMemberInfo('id004'));
console.log(mileageService.history);
======================출력==========================
{ memberId: 'id001', currentMileage: 9170, memberLevel: 'VIP' }
{ memberId: 'id002', currentMileage: 1270, memberLevel: 'SILVER' }
{ memberId: 'id003', currentMileage: 3320, memberLevel: 'GOLD' }
{ memberId: 'id004', currentMileage: 5250, memberLevel: 'FLATINUM' }
[
{
memberId: 'id001',
status: '누적',
mileage: 700,
date: '2022-10-13 21:46:27'
},
{
memberId: 'id002',
status: '누적',
mileage: 270,
date: '2022-10-13 21:46:27'
},
{
memberId: 'id001',
status: '누적',
mileage: 770,
date: '2022-10-13 21:46:27'
},
{
memberId: 'id003',
status: '누적',
mileage: 320,
date: '2022-10-13 21:46:27'
},
{
memberId: 'id004',
status: '누적',
mileage: 250,
date: '2022-10-13 21:46:27'
},
{
memberId: 'id001',
status: '누적',
mileage: 700,
date: '2022-10-13 21:46:27'
}
]
*/
const mileageService = {
memberList : [
{memberId : 'id001', currentMileage: 7000, memberLevel: 'VIP'},
{memberId : 'id002', currentMileage: 1000, memberLevel: 'SILVER'},
{memberId : 'id003', currentMileage: 3000, memberLevel: 'GOLD'},
{memberId : 'id004', currentMileage: 5000, memberLevel: 'FLATINUM'},
{memberId : 'id005', currentMileage: 7000, memberLevel: 'BRONZE'},
{memberId : 'id006', currentMileage: 7000, memberLevel: 'GOLD'},
{memberId : 'id007', currentMileage: 7000, memberLevel: 'DIAMOND'}
],
reserveReferenceTable : [
{memberLevel: 'VIP', ratio: 0.007},
{memberLevel: 'DIAMOND', ratio: 0.006},
{memberLevel: 'FLATINUM', ratio: 0.005},
{memberLevel: 'GOLD', ratio: 0.004},
{memberLevel: 'SILVER', ratio: 0.003},
{memberLevel: 'BRONZE', ratio: 0.001}
],
history : [],
addMileage(id, paymentAmount) {
// 1. 회원의 정보를 조회
let memberInfo;
for(const info of this.memberList) {
if(id == info.memberId) {
memberInfo = info;
break;
}
}
// 2. 회원 레벨에 맞는 회원 마일리지 적립 기준비율 구하기
let memberLevel = memberInfo.memberLevel;
let ratio;
for(const level of this.reserveReferenceTable) {
if(memberLevel == level.memberLevel) {
ratio = level.ratio;
}
}
console.log(memberLevel, ratio);
// 3. 마일리지 적립금 구하기
let mileage = paymentAmount * ratio;
console.log(mileage);
// 4. 회원의 현재마일리지에 적립금 누적하기
memberInfo.currentMileage += mileage;
console.log(memberInfo);
// 5. 현재 날짜 구하기
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate()
let time = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
let today = `${year}-${month}-${day} ${time}`;
console.log(today);
// 6. history 배열에 내역 등록
const mileageHistory = {};
mileageHistory.memberId = id;
mileageHistory.status = '누적';
mileageHistory.mileage = mileage;
mileageHistory.date = today;
this.history.push(mileageHistory)
console.log(mileageHistory);
return this;
},
getMemberInfo(id) {
let memberInfo;
for(let info of this.memberList) {
if(id == info.memberId) {
memberInfo = info;
break;
}
}
return memberInfo;
}
};
mileageService.addMileage('id001',100000);
mileageService.addMileage('id002',90000);
mileageService.addMileage('id001',110000);
mileageService.addMileage('id003',80000);
mileageService.addMileage('id004',50000);
console.log(mileageService.addMileage('id001',100000).getMemberInfo('id001'));
console.log(mileageService.getMemberInfo('id002'));
console.log(mileageService.getMemberInfo('id003'));
console.log(mileageService.getMemberInfo('id004'));
console.log(mileageService.history);
</script>
</body>
</html>
'기록(노트)' 카테고리의 다른 글
| 데이터베이스 쿼리 실행 할때 처리 과정 (0) | 2023.04.04 |
|---|---|
| JDBC(Java Data Base Connectivity) 프로그램 순서 7단계 (0) | 2023.04.03 |
| 자바스크립트 var,let.const의 차이 변수선언 및 할당/실습2 (0) | 2023.03.30 |
| 데이터베이스(DB)/ My SQL: 설치/JDBC(Java Data Base Connectivity) 프로그램 순서 7단계 (0) | 2023.03.30 |
| session.setAttribute("",""); 하는 역할이 뭐야?/판매자,구매자 실습(jsp, 로그인화면) (0) | 2023.03.28 |
