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 |
Tags
- @Moditying @Query
- js 문자열을 문자배열로
- 우분투 시간 변경
- 배열을 객체로
- 재귀스왑
- 중복 문자열
- 5.3.8 Modifying Queries
- 제로베이스
- 중복단어제거
- 레디스 확인
- 객체를 배열로
- sql like연산자
- 문자열순서바꾸기
- sql 문자열 패턴 검색
- 문자열 중복
- 중복된 단어
- 배엘에서 스왑
- 중복문자제거
- ...점점점문법
- ubuntu타임존
- indexOf()
- 코딩 어?
- 깃 토큰 만료
- 단어 제거
- 객체의 밸류값만 찾기
- 프론트엔드 스쿨
- lastIndexOf()
- 시퀄 문법
- 객체의키값만 찾기
- 스프링 데이타 JPA
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