[한입 크기로 잘라 먹는 리액트] 객체 & 반복문

객체

자바스크립트의 자료형

1. Primitive Type(원시타입)

let number = 12;

• 한번에 하나의 값만 가질 수 있음.
• 하나의 고정된 저장 공간 이용.

2. Non-Primitive Type(비 원시 타입)

let array = [1, 2, 3, 4];

• 한번에 여러 개의 값을 가질 수 있음.
• 여러 개의 고정되지 않은 동적 공간 사용.

객체는 비 원시 타입에 해당하는 자료형.

객체를 생성하는 방법

1. 객체 생성자를 이용하는 방법

let person = new Object();

2. 객체 리터럴 방식 (중괄호 사용)

let person = {
	key: "value", // 프로퍼티 (객체 프로퍼티)
	key1: 123,
  	key2: true,
  	key3: undefined,
  	key4: [1, 2],
  	key5: function() {}
  	name: "선예림",
  	age: 25
};

console.log(person["name"]);
console.log(person.age)

2-1. 객체 리터럴 방식 활용

let person = {
  name: "선예림",
  age: 25
};

person.location = "한국";
person["gender"] = "여성";

person.name = "선예림 A";
person["age"] = 40;
console.log(person);

// 좌르륵 나옵니당 추가된 것

2-2.

const person = {
  name: "선예림",
  age: 25,
  say: function () {
    console.log(`안녕 나는 ${this.name}`);
    //(`안녕 나는 ${person["name"} );
  }
};

console.log(`name : ${"name" in person)`); // true of false

반복문

예시코드

• 객체의 프로퍼티의 value들을 배열처럼 반환받아서 for문을 이용해서 순회 가능하다!

let person = {
  name: "선예림",
  age: 25,
  tail: 161
};

const personValues = Object.values(person);

for (let i = 0; i < personValues.length; i++){
  console.log(personValues[i]);
}