Java Script

20240628 FRI 객체
객체 생성 방법
let objA = {}; // 리터럴 객체 문법

• 리터럴 객체 문법
  let person = {
  name : "길동 홍", // name 프로퍼티 (자바에서는 멤버)
  age : 25; // age 프로퍼티 (자바에서는 멤버 )
  프로퍼티 중복안됨
  }

  let objB = new Object(); // 객체 생성자 문법

let person = {
  name: "길동",
  age: 25,
  "like cat": true,
};
const personName = person.name;
const personAge = person["age"];

console.log(personName);
console.log(personAge);

• 프로퍼티 추가하기

person.gender = "male";
person["nickName"] = "winterhood";
console.log(person.gender);
console.log(person["nickName"]);

• 프로퍼티 추가하기2 - key 와 value 가 유동적

function addProperty(obj, key, value) {
  obj[key] = value;
}
let obj = {};
addProperty(obj, "a", 1);
addProperty(obj, "b", 2);
addProperty(obj, "c", 3);

console.log(obj);

• 프로퍼티 수정하기

let cat = {
  name: "기요미",
  age: 1,
};
cat.name = "기여미5";
cat["age"] = 2;
console.log(cat);

• 프로퍼티 삭제하기

delete cat.name;
delete cat["age"];
console.log(cat);

• 상수 객체의 프로퍼티

const obj2 = {
  // 리터럴 형태의 객체생성
  a: 1,
  b: "text",
};
obj2.a = 2;
obj.c = undefined;
delete obj.b;

console.log(obj2);

• 객체의 특정 프로퍼티의 존재 유무

let obj3 = {
  a: 1,
};
console.log(obj3.a);
console.log(obj3.b);
// 있냐 없냐 ?
let isPropertyExists = obj3.b !== undefined;
console.log(isPropertyExists);

// 메소드
let person2 = {
  name: "길동 홍",
  sayHi: function () {
    // 객체의 sayHi 메소드
    console.log("ㅎㅇ");
  },
};
person2.sayHi();

• 배열: 배열의 요소에는 어떠한 값도 올 수 있음
  생성방법
  let arrA = new Array(); // -> 배열생성자
  let arrB = []; //-> 배열리터럴

let arr = [
  1,
  "1",
  true,
  null,
  undefined,
  () => {},
  function () {},
  [1, 2, 3],
  { a: 1 },
];
console.log(arr);

• 배열 인덱스

let food = ["짜장면", "대연동 서소문 족발", "치킨"];
console.log(food[0]);
console.log(food[1]);
console.log(food[2]);

food[2] = "스시";
food[3] = "대방어";
console.log(food);