프론트
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]);
}
반응형