Notice
Recent Posts
Recent Comments
Link
반응형
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 5.3.8 Modifying Queries
- 가상컴퓨터마법사
- 깃 토큰 만료
- 레디스 확인
- 프론트엔드 스쿨
- 우분투 시간 변경
- 리엑트블로거
- 코딩 어?
- Robo3T 글씨키우기
- 문자열 인터폴레이션
- 스프링 데이타 JPA
- search()
- 시퀄 문법
- 객체를 배열로
- lastIndexOf()
- ubuntu타임존
- js 문자열을 문자배열로
- Robo3T 폰트 키우기
- Robo3T 폰트변경
- ...점점점문법
- @Moditying @Query
- sql 문자열 패턴 검색
- sql like연산자
- 객체의키값만 찾기
- ${변수}
- 배열을 객체로
- indexOf()
- findIndex()
- 객체의 밸류값만 찾기
- Robo3T 글씨체 변경
Archives
- Today
- Total
코딩기록
js) 자주 쓰는 js 문법 모음 / 배열안 객체 관련 문법 모음 본문
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]);
}
반응형
'프론트' 카테고리의 다른 글
css) aria-label 가상요소로 텍스트 넣기 (0) | 2024.08.28 |
---|---|
css) a태그border 설정시 border가 짧은 이유? a태그 링크 범위 늘리기-display: block; / a태그 영역넓히기 (0) | 2024.08.28 |
DOM, html에서 script 태그 작성 위치와 DOM (0) | 2024.07.08 |
JS) 객체지만 배열처럼 사용가능한 유사배열을 배열로 바꾸는 .from() (0) | 2024.07.06 |
JS) 생성자 new 없을때 붙여주는 에러핸들링 코드 (0) | 2024.07.06 |
Comments