JavaScript 객체지향프로그래밍_생활코딩 수업

객체의 기본 사용법(접근법)

let memberObject = {
  manager: 'egoing',
  developer: 'graphittile',
  designer: 'leezhce'
}
// Update(수정)
memberObject.designer = 'leezche';

// Delete(삭제)
delete memberObject.manager
console.log("after delete memberObject.manager", memberObject.manager); // undefined

// Object 
console.log("memberObject.desinger", memberObject.designer);
console.log("memberObject['desinger']", memberObject['designer']);

✔️ console.group

console.group('array loop');
let i = 0;
while (i < memberArray.length) {
  console.log(i, memberArray[i]);
  i = i + 1;
}
console.groupEnd('array loop');

console.log 대신 그룹화를 시켜서 console.group/console.groupEnd 터미널 출력하면 들여쓰기 되어 출력되어서 보기편함!

배열과 객체의 반복문

// 배열의 반복문
let memberArray = ['egoing', 'graphittile', 'leezhce'];
console.group('array loop');
let i = 0;
while (i < memberArray.length) {
  console.log(i, memberArray[i]);
  i = i + 1;
}
console.groupEnd('array loop');

let memberObject = {
  manager: 'egoing',
  developer: 'graphittile',
  designer: 'leezhce'
}

// 객체의 반복문
console.group('object loop');
for (let name in memberObject) {
  console.log(name, memberObject[name]);
}
console.groupEnd('object loop');

// memberObject.name 값 undefined 출력 -> .뒤에 변수가 올수없음
// memberObject[name] -> 배열에서 사용하는 []대괄호로 변수 지정해주고 객체의 key,value 값 가져올수있다.

객체 만들어보기

console.log("Math.PI", Math.PI);
console.log("Math.random()", Math.random()); // 함수가 객체에 소속되어 있을땐 method
console.log("Math.floor(3,9)", Math.floor(3.9));

// 객체 활용
let MyMath = {
  PI: Math.PI,
  random: function () {
    return Math.random();
  },
  floor: function (val) {
    return Math.floor(val);
  }
}
console.log("MyMath.PI", MyMath.PI);
console.log("MyMath.random()", MyMath.random());
console.log("MyMath.floor(3,9)", MyMath.floor(3.9));

// 객체 활용하지않음
// 구분하기 위해서 접두사를 사용함
let MyMath_PI = Math.PI;
function MyMath_random() {
  return Math.random();
}
function MyMath_floor(val) {
  return Math.floor(val);
}