코딩기록

js) 자주 쓰는 js 문법 모음 / 배열안 객체 관련 문법 모음 본문

프론트

js) 자주 쓰는 js 문법 모음 / 배열안 객체 관련 문법 모음

뽀짝코딩 2024. 8. 23. 23:06
728x90

자주쓰는 js 문법 모음

*배열안 객체 찾기 [  {~~}, {~~}, {~~}  ]

 

예제

const todos = [
  { id: 3, content: 'HTML', completed: false },
  { id: 2, content: 'CSS', completed: true },
  { id: 1, content: 'Javascript', completed: false },
];

console.log(getValues(todos, 'id')); // [3, 2, 1]
console.log(getValues(todos, 'content')); // ['HTML', 'CSS', 'Javascript']
console.log(getValues(todos, 'completed')); // [false, true, false]

 

 

1. 배열안 첫번째 객체 키 찾기

  const getValues = (todos, key) => {
  const keyId = Object.keys(todos[0])[0] //id
  const keyCon = Object.keys(todos[0])[1] //content
  const keyComple = Object.keys(todos[0])[2] //completed
  
  }

 

 

2. 배열안 첫번째 객체 키의 값 찾기

console.log(Object.values(todos)[0].id); //3

 

 

3.  배열안 객체그룹을 감싼 배열 제거

  for (const key of Object.keys(todos)) {
    console.log(todos[key]);
  }

 

 

 

 

 

 

 

 

 

 

 

반응형
Comments