객체(Object)

wooo·2023년 3월 14일
0

객체

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교"
    }
   
    // 값에 접근하기
    student.name = '철수'
		//데이터가 존재하는 걸 알고 있을 때 .key를 사용하여 접근
	

	student['name'] = '철수'
	// 변수를 활용하여 값에 접근
	const aa = 'name'
    student[aa] = '철수'
		//위의 두 방법은 데이터 존재 여부를 모를 때 변수를 사용하여 접근
		//혹은 수많은 데이터가 담겨 있을 때 사용

객체 데이터 추가/변경

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교"
    }
    
    student.dog = "똘이"

	console.log(student) = { name: '철수', age: 8, school: '다람쥐초등학교', dog: '똘이' }
    
    student.dog = "초코"

	console.log(student) = { name: '철수', age: 8, school: '다람쥐초등학교', dog: '초코' }
    }
    //데이터 값이 없을 경우 추가가 되고 있을 경우 변경이 된다.

객체 데이터 삭제

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교",
      	dog: "초코"
    }
    
    delete student.dog

	console.log(student) = { name: '철수', age: 8, school: '다람쥐초등학교' }

	//그러나 실무에서 데이터를 삭제한다는 것은 위험하기에 거의 사용되지 않음!!

Object.keys()

Object.keys() 메서드는 주어진 객체의 키 값을 배열로 반환

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교",
      	dog: "초코"
    }
    
	const keys = Object.keys(student)

	console.log(keys)
	// ['name', 'age', 'school', 'dog']

Object.values()

Object.values() 메서드는 주어진 객체의 속성 값을 배열로 반환하며 Object.keys()와 마찬가지로 일반적인 반복문과 동일한 순서로 순회되는 열거할 수 있는 배열로 반환한다.

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교",
      	dog: "초코"
    }
    
	const values = Object.vlaues(student)

	console.log(values)
	// ['철수', 8, '다람쥐초등학교', '초코']

Object.entries()

Object.entries() 메서드는 주어진 객체 자체를 열거와 셈이 가능한 [key, value] 쌍의 배열로 반환한다.

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교",
      	dog: "초코"
    }
  
  const entries = Object.entries(student)
  
  console.log(entries)
  // [
  // [ 'name', '철수' ],
  // [ 'age', 8 ],
  // [ 'school', '다람쥐초등학교' ],
  // [ 'dog', '초코' ]
  // ]

Object.assign()

Object.assign() 메서드는 출처 객체들의 모든 열거 가능한 자체 속성을 복사해 대상 객체에 붙여넣는다. 그 후 대상 객체를 반환한다.

	const student = {
		name: "철수",
	    age: 8,
 		school: "다람쥐초등학교",
      	dog: "초코"
    }
    const add = {
      hobby: "longBoarding"
    }
  
  const newStudent = Object.assign(student, add)
  
  console.log(newStudent)
	// {
	//   name: '철수',
	//   age: 8,
	//   school: '다람쥐초등학교',
	//   dog: '초코',
	//   hobby: 'longBoarding'
	// }

0개의 댓글