this & arrow function 연습문제

1. 간단한 메소드 만들기

이 오브젝트에 sayHi 라는 함수(메소드)를 추가하고 싶다.

사람.sayHi(); 라고 작성하면 안녕 나는 김하나라고 나와야 한다.

'김하나' 을 하드 코딩하지말고 실제 내 오브젝트에 있는 name 에 해당하는 값을 출력 하라.

let 사람 = {
  name: 'Alice',
}

사람.sayHi(); //안녕 나는 김하나

답

let 사람 = {
  name: 'Alice',
  sayHi: function () {
    console.log('안녕 나는' + this.name);
  },
};

사람.sayHi();
> 안녕 나는 Alice

1. 오브젝트 내의 데이터를 전부 더해주는 메소드만들기

오브젝트가 하나있다.

let 자료 = {
  data: [1, 2, 3, 4, 5],
};

이 오브젝트에 전부더하기() 라는 함수를 만들어 사용하고 싶다.

let 자료 = {
  data: [1, 2, 3, 4, 5],
};
자료.전부더하기();

자료.전부더하기() 라고 쓰면 위에 있는 자료 .data안에 모든 숫자가 더해져서 콘솔창에 출력 해주어야 한다.

조건) 자료라는 오브젝트 안에 작성 금지

답

밖으로 빼내어 쓴다.

let 자료 = {
  data: [1, 2, 3, 4, 5],
};
자료.전부더하기 = function () {
  let sum = 0;
  this.data.forEach(function (a) {
    sum += a; //sum = sum + a; 라는 뜻.
  });
  console.log(sum);
};

자료.전부더하기();
> 15