ES6 문법 04 (23.05.16)

Jane·2023년 5월 16일
0

IT 수업 정리

목록 보기
124/124

1. 스크립트 연산자

  • 스프레드 연산자(spread operator)는 세 개의 점(...)으로 이루어진 연산자로, 몇 개의 다른 역할을 담당한다.
    먼저 배열의 내용을 조합할 수 있다. 예를 들어 두 배열이 있다면 스프레드 연산자를 적용하여 두 배열의 모든 원소가 들어간 세 번째 배열을 쉽게 만들 수 있다.
let food = ["닭갈비", "닭꼬치", "닭강정"]
let drink = ["소주", "맥주"]
let Favorite = [...food, ...drink]

console.log(Favorite.join(', '))

닭갈비, 닭꼬치, 닭강정, 소주, 맥주

  • reverse : 배열 뒤집기
let [last] = [...food].reverse()
console.log(last)

닭강정


function directions(...args){
  var [start, ...remaining] = args;
  var [finish, ...stops] = remaining.reverse();
  
  console.log(`${args.length} 도시를 운행합니다.`);
  console.log(`${start}에서 출발합니다.`);
  console.log(`목적지는 ${finish}입니다.`);
  console.log(`중간에 ${stops.length}군데 들립니다.`);
}

  directions("서울", "수원", "천안", "대전", "대구", "부산");

6 도시를 운행합니다.
서울에서 출발합니다.
목적지는 부산입니다.
중간에 4군데 들립니다.


  • 객체로 생성하기
var morning = {
	breakfast: "샌드위치",
	lunch: "닭갈비"
};

var dinner = "간장불고기";

var meals = {
	...morning,
	dinner
};

console.log(meals);

{breakfast: '샌드위치', lunch: '닭갈비', dinner: '간장불고기'}
breakfast: "샌드위치"
dinner: "간장불고기"
lunch: "닭갈비"
[[Prototype]]: Object

2. 클래스

        class Grade {
            constructor(kor, eng, math) {
                this.kor = kor;
                this.eng = eng;
                this.math = math;
            }
            print() {
                console.log(`국어 : ${this.kor} 영어 : ${this.eng} 수학 : ${this.math}`)
            }

            avg() {
                return "평균 : " + (this.kor + this.eng + this.math) / 3.0
            }
        }

        let grade = new Grade(70, 80, 90)
        grade.print();

        console.log(grade.avg())

국어 : 70 영어 : 80 수학 : 90
평균 : 80

profile
velog, GitHub, Notion 등에 작업물을 정리하고 있습니다.

0개의 댓글